Featured product
Where you can add it
Not in section groups: Header, Footer, Overlays.
Blocks
Section titled “Blocks”- Vendor
- Product title
- Product rating
- Product price
- Product badges
- SKU
- Inventory status
- Product siblings
- Variant picker
- Buy buttons
- Pickup availability
- Complementary products
- Product bundle
- Popup
- Ask a question
- Specifications
- Share
- Product description
- Icon with text
- Facts
- Secure checkout
- Custom Liquid
- Accordion
- View full details — part of this section
- Any theme block
- App blocks — blocks from installed apps
- Media — part of this section; fixed: always present, can’t be removed or moved
View full details
| Setting | Type | Default | Options and range |
|---|---|---|---|
| Label Leave empty to show “View full details” in each language. | Text | — |
Media
| Setting | Type | Default | Options and range |
|---|---|---|---|
| In the quick view the gallery follows the sheet’s layout. Choose Thumbnails or Scrub in the Quick view section’s settings. | |||
| The gallery’s layout, style and ratio are set in the section settings. | |||
| Layout | |||
| Desktop layout Shown when the section’s qv_gallery is empty and the section’s fp_layout is empty. | Select | Grid, first image large | |
| Mobile layout Shown when the section’s qv_gallery is empty and the section’s fp_layout is empty. | Select | Carousel | |
| Mobile navigation Thumbnails show under the carousel on mobile. Shown when the section’s qv_gallery is empty and the section’s fp_layout is empty and Mobile layout is Carousel. | Select | Counter | |
| Text on glass Auto picks dark or light text for each glass element from the brightness of the photo behind it. Shown when the section’s qv_gallery is empty and the section’s fp_layout is empty. | Select | Auto | |
| Media aspect ratio Adapt keeps each image’s own aspect ratio. Shown when the section’s qv_gallery is empty and the section’s fp_layout is empty. | Select | Portrait | |
| Image fit Shown when the section’s qv_gallery is empty and the section’s fp_layout is empty and Media aspect ratio is not Adapt to media. | Select | Fill | |
| Space between media Between images in a grid or a stack. A carousel shows one image at a time. Shown when the section’s qv_gallery is empty and Mobile layout is Stacked or Desktop layout is Grid or Desktop layout is Grid, first image large or Desktop layout is Stacked. | Range | 8 px | 0–32 px, step 4 |
| Corner radius Shown when the section’s qv_gallery is empty and the section’s fp_layout is empty. | Range | 24 px | 0–40 px, step 2 |
| Deep first corner Rounds the top corner of the first image more deeply on tablets and desktops. Shown when the section’s qv_gallery is empty and the section’s fp_layout is empty. | Checkbox | On | |
| Full width on mobile Shown when the section’s qv_gallery is empty and the section’s fp_layout is empty. | Checkbox | On | |
| Badges One badge shows at a time, in this order: Sold out, New, then the sale. | |||
| Sale badge Shown when the section’s qv_gallery is empty and the section’s fp_layout is empty. | Select | Percentage saved | |
| Show “Sold out” label Shown on the media when no variant can be bought. Shown when the section’s qv_gallery is empty and the section’s fp_layout is empty. | Checkbox | On | |
| Show “New” badge For products with the tag set in Theme settings > Product card. Shown when the section’s qv_gallery is empty and the section’s fp_layout is empty. | Checkbox | On | |
| Behavior | |||
| Selected variant media Only variant media shows the selected variant’s image and the images after it, up to the next variant’s image. Order your product media to match. Shown when the section’s qv_gallery is empty and the section’s fp_layout is empty. | Select | Show all media | |
| Zoom Magnify shows a lens on hover with a mouse. Touch devices always use the lightbox. Shown when the section’s qv_gallery is empty and the section’s fp_layout is empty. | Select | Lightbox and magnify | |
| Entrance How the media after the first appears when the page loads. The first image always shows right away. Shown when the section’s qv_gallery is empty and the section’s fp_layout is empty. | Select | Theme default | |
| Loop videos | Checkbox | On | |
| Autoplay videos Videos play muted when they’re in view. They never autoplay when reduced motion is on. Shown when the section’s qv_gallery is empty and the section’s fp_layout is empty. | Checkbox | Off | |
Settings
Section titled “Settings”| Setting | Type | Default | Options and range |
|---|---|---|---|
| Product | Product | — | |
| Layout | Select | Media at start | |
| Media style | Select | Slider | |
| Media ratio Shown when Layout is not Media over band. | Select | Portrait 4:5 | |
| Media over band crops the first image to 3:2 (4:3 on mobile), so a landscape photo works best first. | |||
| Text on glass Auto picks dark or light text for each glass element from the brightness of the photo behind it. | Select | Auto | |
Settings every section has — Layout, spacing, motion and visibility — the same in every section. Not in this section: Content alignment, Stagger. Defaults here: Section width Full width, padded (everywhere else: Page width); Shape Sheet (everywhere else: None); Color scheme Scheme 2 (everywhere else: Scheme 1); Top spacing 104 px (everywhere else: 64 px); Bottom spacing 104 px (everywhere else: 64 px); Top spacing on mobile 12 px (everywhere else: 40 px); Bottom spacing on mobile 32 px (everywhere else: 40 px). Options here: Reveal style — Use theme setting, None. Here: Reveal style — None shows the section at once, without the opening animation, and changes images without motion. | |||
Presets
Section titled “Presets”- Featured product — Category: Products
Starts with: Chip, Vendor, Product title, Product rating, Product price, Product siblings, Variant picker, Inventory status, Buy buttons, Pickup availability, Facts (Fact, Fact), Product description, View full details - Featured product · essential — Category: Products
Starts with: Product title, Product price, Variant picker, Inventory status, Buy buttons, View full details - Featured product · story-first — Category: Products
Starts with: Chip, Product title, Product description, Product price, Product siblings, Variant picker, Inventory status, Buy buttons, Facts (Fact, Fact), View full details