Show a row of links that each open a popup with more details, an image or a video.
Overview
The Feature popups section lists short links, for example "Free returns", "Made in Finland" or "How to wash", side by side. Each link opens a popup with text and an image or video, so customers can read more without leaving the page. The popups open as a slider: customers can move from one to the next inside the popup.
Section settings
| Setting | Type | Default | Description |
|---|---|---|---|
| Color scheme | Color scheme | Default | Colors of the section. The popups use the Modals color scheme from Theme settings. |
| Show link icon | Toggle | On | Shows an arrow after each link. |
| Heading style | Select | Subheading | Style of the links. Options: Heading, Body text, Subheading, Primary button, Secondary button, Link. |
Desktop, tablet and mobile layout
| Setting | Type | Default | Description |
|---|---|---|---|
| Items per row (desktop) | Range | 4 |
Between 2 and 6. |
| Items per row (tablet) | Range | 4 |
Between 2 and 4. Tablets use the desktop margins. |
| Items per row (mobile) | Range | 2 |
Between 1 and 3. |
| Full width | Toggle | Off | Desktop. Spans the section across the full page width. |
| Text alignment (desktop / mobile) | Alignment | Center | Alignment of the links. |
| Size modifier (desktop / mobile) | Select | Default | Size of the links, set separately for desktop and mobile. |
| Margin top and bottom (desktop / mobile) | Range |
40 / 40 px desktop, 0 / 24 px mobile |
Space above and below the section. |
Info block settings
| Setting | Type | Default | Description |
|---|---|---|---|
| Button label | Text | Button label |
The link text shown in the section. |
| Text | Rich text | — | The text in the popup. |
| Media type | Select | Image | Options: Image, Video, External video, Mixed media. Mixed media uses the video and shows the image if the video is missing. |
| Image | Image | — | The popup image. |
| Video | Video | — | A video uploaded to Shopify. |
| Video URL | Video URL | — | A YouTube, Vimeo or MP4 link, for External video. |
| External video's aspect ratio | Text | 16:9 |
The shape of the external video. |
| Show controls | Toggle | Off | Shows the video controls. When off, the video plays automatically, looped and muted. |
| Autoplay | Toggle | On | Plays the video automatically, looped and muted, when controls are shown. |
Setup
Steps
- From your Shopify admin, go to Online Store → Themes.
- Click Customize next to your active theme.
- Click Add section and select Feature popups.
- Add an Info block for each link and enter its Button label.
- Add the popup text and choose an image or a video for each block.
- Click Save.
Keep the button labels short, two or three words, so the links fit on one line on phones. Put the details in the popup text.
Answer questions without leaving the page
Shipping, returns, materials and care are common reasons customers hesitate. Feature popups put those answers one click away on the home page or a product page, without sending customers to another page. Use an image or a short video in the popup to show what words can't, like how a fabric moves.