Discovery drawer
Overview
Discovery drawer is a shoppable mini storefront opened from the Header. It supports tabs, editorial content, offers, products, newsletter signup, and other discovery blocks.
Add the section
- From Shopify admin, go to Online Store > Themes, find Radian, and select Customize.
- Use the page selector at the top of the Theme Editor to open the required template.
- In the template panel, select Add section, choose Discovery drawer, and select Save.
Section settings
GENERAL
| Heading | Sets the heading shown in the section. |
|---|---|
| Subtitle | Sets the subtitle shown in the section. |
| Show heading | Turns show heading on or off. |
| Show close button | Turns show close button on or off. |
| Sticky drawer header | Turns sticky drawer header on or off. |
DRAWER
| Desktop width | Choose from Small — 420px, Medium — 520px, Large — 620px, Extra large — 720px. |
|---|---|
| Horizontal padding | Adjusts horizontal padding within the available range. |
| Vertical padding | Adjusts vertical padding within the available range. |
| Gap between blocks | Adjusts gap between blocks within the available range. |
APPEARANCE
| Color scheme | Selects one of the color schemes configured in Theme settings. |
|---|---|
| Overlay opacity | Adjusts overlay opacity within the available range. |
| Show drawer border | Turns show drawer border on or off. |
| Card style | Choose from Minimal, Bordered, Contained. |
TABS
| Enable tabs | Turns enable tabs on or off. |
|---|---|
| Enable tab 1 | Turns enable tab 1 on or off. |
| Tab 1 label | Sets the tab 1 label shown in the section. |
| Enable tab 2 | Turns enable tab 2 on or off. |
| Tab 2 label | Sets the tab 2 label shown in the section. |
| Enable tab 3 | Turns enable tab 3 on or off. |
| Tab 3 label | Sets the tab 3 label shown in the section. |
ANIMATION
| Animation style | Choose from Use global motion settings, Slide, Fade + slide, None. |
|---|---|
| Animation duration | Adjusts animation duration within the available range. |
SECTION SPACING
| Desktop and mobile spacing | Sets top and bottom spacing independently for desktop and mobile. |
|---|
Add and arrange blocks
Select Add block to include the content required by the section. Drag blocks in the Theme Editor to change their storefront order.
AVAILABLE BLOCKS
| Promo code | Displays a copyable offer using one of the available promotional card styles. |
|---|---|
| Featured media | Adds and configures featured media content in this section. |
| Product | Adds and configures product content in this section. |
| Product list | Displays an independent stacked product list with optional autoplay and horizontal navigation. |
| Article | Displays an editorial article title and Read more action without an article image. |
| Text | Adds and configures text content in this section. |
| Countdown | Adds and configures countdown content in this section. |
| Newsletter | Adds and configures newsletter content in this section. |
| Marquee | Adds and configures marquee content in this section. |
| Custom Liquid | Adds and configures custom liquid content in this section. |
Recommended setup
- Choose the section width, layout, and color scheme before fine-tuning individual content blocks.
- Configure desktop positioning first, then switch the Theme Editor preview to mobile and adjust the mobile-specific controls.
- Check links, product or collection resources, and interactive controls before publishing the theme.
Conditional settings
Settings that depend on another option appear only when that parent option is enabled. If a control is missing, check the related layout, style, or enable toggle first.