About this section
The main product area: gallery, title, price, variant picker, add to cart and the blocks around them, in five layouts (default, clinical, social, luxury, promo).
How to add itCustomize → Add section
Where it can goAny page
Settings22 · 16 block types
Good to know: Reorder or remove blocks to match what your products need.
Settings
| Setting | Type | What it does |
|---|
| Show breadcrumbs | On / off | On by default. |
| Style mode | Choice | Choose Default minimal, Clinical High-Tech, Social mobile first, Ultra luxury, Bold promo. Default minimal to start. |
| Setting | Type | What it does |
|---|
| Gallery layout | Choice | Choose Thumbnails on the left, Thumbnails below, No thumbnails. Thumbnails on the left to start. |
| Image ratio | Choice | Choose Adapt to first image, Square (1:1), Portrait (4:5), Landscape (4:3). Adapt to first image to start. |
| Image fill | Choice | Contain shows the whole bottle or tube. Cover fills the frame and may crop the edges. Choose Contain (never crop), Cover (fill the frame). Contain (never crop) to start. |
| Zoom | Choice | Choose Magnifier and lightbox, Lightbox only, Off. Magnifier and lightbox to start. |
| Keep the gallery in view while scrolling | On / off | On by default. |
| Ambient glow behind the media | On / off | On by default. |
| Reveal the second image on hover | On / off | Ignored while Zoom is set to Magnifier, which already owns the hover. On by default. |
| Show the media counter | On / off | On by default. |
| Show sale and sold out badges | On / off | On by default. |
| Show the share button | On / off | On by default. |
Share dial
| Setting | Type | What it does |
|---|
| Facebook | On / off | On by default. |
| Pinterest | On / off | On by default. |
| WhatsApp | On / off | On by default. |
| Telegram | On / off | Off by default. |
| LinkedIn | On / off | Off by default. |
| Email | On / off | On by default. |
| Copy link | On / off | On by default. |
Section padding
| Setting | Type | What it does |
|---|
| Top padding | Slider | From 0 to 120 px, 36 px to start. |
| Bottom padding | Slider | From 0 to 120 px, 36 px to start. |
Blocks
Blocks are added inside the section with Add block, and can be reordered by dragging.
Vendor up to 1
No settings: add it, then position it.
Product title up to 1
No settings: add it, then position it.
Price and savings up to 1
No settings: add it, then position it.
Star rating up to 1
No settings: add it, then position it.
Description up to 1
No settings: add it, then position it.
Variant swatches up to 1
No settings: add it, then position it.
Buy box and badges up to 1
| Setting | Type | What it does |
|---|
| Dynamic checkout buttons | On / off | Customers will see their preferred payment option. Learn more On by default. |
| Show pre-order | On / off | Variants set to continue selling when out of stock show a Pre-order button and a note. The order is labeled as a pre-order. On by default. |
| Pre-order note | Text with bold, italic and links | Leave empty for the default message. Connect a metafield to show a ship date per product. |
Smart gift box
| Setting | Type | What it does |
|---|
| Show smart gift box | On / off | On by default. |
| Gift box text | Text | — |
| Gift box price | Text | Shown next to the label, e.g. +$15.00. Leave empty to hide. |
Clinical percentages
| Setting | Type | What it does |
|---|
| Show clinical percentages | On / off | On by default. |
| First clinical percentage | Text | — |
| First clinical text | Text | — |
| Second clinical percentage | Text | — |
| Second clinical text | Text | — |
| Third clinical percentage | Text | — |
| Third clinical text | Text | — |
Trust badges
| Setting | Type | What it does |
|---|
| Show first trust badge | On / off | On by default. |
| First badge emoji icon | Text | — |
| First badge text | Text | — |
| Show second trust badge | On / off | On by default. |
| Second badge emoji icon | Text | — |
| Second badge text | Text | — |
| Show third trust badge | On / off | On by default. |
| Third badge emoji icon | Text | — |
| Third badge text | Text | — |
Payment badges
| Setting | Type | What it does |
|---|
| Show payment icons | On / off | On by default. |
| Payment heading | Text | — |
| Add first custom payment icon | Image | Choose an image from your files. |
| Add second custom payment icon | Image | Choose an image from your files. |
Volume discount engine up to 1
| Setting | Type | What it does |
|---|
| Heading | Text | — |
First tier
| Setting | Type | What it does |
|---|
| Quantity | Number | 1 to start. |
| Label | Text | Leave empty to hide this tier. |
| Badge | Text | — |
Second tier
| Setting | Type | What it does |
|---|
| Quantity | Number | 2 to start. |
| Label | Text | — |
| Badge | Text | — |
Third tier
| Setting | Type | What it does |
|---|
| Quantity | Number | 3 to start. |
| Label | Text | — |
| Badge | Text | — |
Scarcity indicator up to 1
| Setting | Type | What it does |
|---|
| Show when stock reaches | Slider | Only appears for variants that track inventory and stop selling when out of stock. From 1 to 50, 10 to start. |
| Setting | Type | What it does |
|---|
| Heading | Text | — |
| End date | Text | Use YYYY-MM-DD HH:MM:SS. The timer hides once the date passes. |
Clinical matrix up to 1
| Setting | Type | What it does |
|---|
| PH level | Text | — |
| Key actives | Text | — |
| Description | Text | — |
Social UGC reels up to 1
| Setting | Type | What it does |
|---|
| Heading | Text | — |
| Video 1 | Video | Choose a video uploaded to your files. |
| Dark mode video | Video | Plays instead of the video above while the store is in dark mode, from the same moment. Use a film of the same length. Choose a video uploaded to your files. |
| Video 2 | Video | Choose a video uploaded to your files. |
| Dark mode video | Video | Plays instead of the video above while the store is in dark mode, from the same moment. Use a film of the same length. Choose a video uploaded to your files. |
| Video 3 | Video | Choose a video uploaded to your files. |
| Dark mode video | Video | Plays instead of the video above while the store is in dark mode, from the same moment. Use a film of the same length. Choose a video uploaded to your files. |
Custom text engraving
| Setting | Type | What it does |
|---|
| Field label | Text | — |
| Placeholder | Text | — |
Brand story / heritage up to 1
| Setting | Type | What it does |
|---|
| Heading | Text | — |
| Story text | Text | — |
| Founder signature | Image | Choose an image from your files. |
Collapsible tab
| Setting | Type | What it does |
|---|
| Heading | Text | — |
| Icon | Choice | Choose None, Leaf, Drop, Flask, Hand, Delivery truck, Return arrow, Shield, Refill, Gift. Leaf to start. |
| Text | Formatted text | Connect a product metafield to show each product's own ingredients or directions. |
| Page | Page | Shown when the text is empty. Use it for content every product shares, such as your returns policy. |
| Open when the page loads | On / off | Off by default. |
Custom Liquid
| Setting | Type | What it does |
|---|
| Liquid code | Liquid | Add app snippets or other Liquid to this block. |
Apps
App blocks from apps you have installed can be added here.
