About this section
The product page itself: gallery, title, price, sizes and colors, fit help, delivery and returns, buy buttons and every product block. Choose the page design, the media layout and an optional raised panel for the details.
How to add itAlready on the page it belongs to
Where it can goAny page
Settings12 · 29 block types
Good to know: Add the Performance specs block for sportswear: it shows the numbers from the product's anatomy as chips beside the price.
Settings
| Setting | Type | What it does |
|---|
| Page design | Choice | Choose Classic: media beside details, Editorial: details beside full-height images, Split screen: a fixed image viewer, Atelier: an image strip above centered details. Classic: media beside details to start. |
| Media layout on large screens | Choice | Used by the classic page design. The other designs come with their own layout. Choose Two-column grid, Mosaic, Slider with thumbnails, Slider. Two-column grid to start. |
| Media width on large screens | Choice | Choose Medium, Large. Large to start. |
| Colour glow behind photos | On / off | A soft wash of the selected photo's own colours spreads behind the gallery and follows the selected variant. On by default. |
| Glow strength | Slider | From 10 to 80 %, 45 % to start. |
| Open images in full screen | On / off | On by default. |
| Magnify images on hover | On / off | On large screens with a mouse, the image enlarges under the pointer. On by default. |
| Show only images of the selected color | On / off | Set each image's alt text to the matching color name, such as Indigo. Images with other alt text always show. On by default. |
| Keep product information visible while scrolling | On / off | On by default. |
| Show product details on a raised panel | On / off | On larger screens. Works best with sticky product details. Off by default. |
| Show sticky buy bar | On / off | Appears once the main add to cart button scrolls out of view. On by default. |
| Color scheme | Color scheme | One of the color schemes from Theme settings → Colors. |
Blocks
Blocks are added inside the section with Add block, and can be reordered by dragging.
Shop the look up to 1
| Setting | Type | What it does |
|---|
| Heading | Text | — |
| Pieces in the look | Products | Choose up to 4 products. |
| Photo with the pins | Slider | The position of the photo in the product's media. From 1 to 10, 2 to start. |
| Pin positions | Text | One position per piece, in the same order, as left and top in percent: 48,31; 52,70. Leave a position empty to list that piece without a pin. |
Text
| Setting | Type | What it does |
|---|
| Text | Formatted text | — |
| Text style | Choice | Choose Body, Subtle, Label. Body to start. |
Title up to 1
No settings: add it, then position it.
Vendor up to 1
No settings: add it, then position it.
Badges up to 1
No settings: add it, then position it.
Price up to 1
| Setting | Type | What it does |
|---|
| Show tax and shipping information | On / off | On by default. |
| Setting | Type | What it does |
|---|
| Features to show | Slider | From 2 to 6, 4 to start. |
Variant picker up to 1
| Setting | Type | What it does |
|---|
| Style | Choice | Colors with swatches always show as swatches. Choose Buttons, Dropdown. Buttons to start. |
Quantity selector up to 1
No settings: add it, then position it.
| Setting | Type | What it does |
|---|
| Show dynamic checkout buttons | On / off | Shows the payment methods available in your store, like PayPal or Apple Pay. On by default. |
| Show recipient form for gift cards | On / off | On by default. |
| Show pickup availability | On / off | On by default. |
| Show a back-in-stock form on sold-out variants | On / off | Shoppers leave their email, and you receive it as a contact form message with the product, variant and SKU. On by default. |
| Pre-order message | Text | Shown when a variant is out of stock but can still be sold. Connect a metafield to show a ship date per product. |
Inventory status up to 1
No settings: add it, then position it.
SKU up to 1
No settings: add it, then position it.
Fit Studio up to 1
| Setting | Type | What it does |
|---|
| Size guide page | Page | Connect a page reference metafield to use a different guide per product. Uses the default size guide from theme settings when empty. Choose a page. |
| Unit used in the size guide table | Choice | Choose Centimeters, Inches. Centimeters to start. |
| Fit | Text | Use small, true, or large. Helps find my size advise shoppers between two sizes. Connect a metafield to set it per product. |
| Button label | Text | — |
| Setting | Type | What it does |
|---|
| Text | Text | For example: Model is 178 cm and wears M. Connect a metafield to set it per product. |
Fit scale up to 1
| Setting | Type | What it does |
|---|
| Fit | Text | Use small, true, or large, or a number from 1 to 5. Connect a metafield to set it per product. |
Garment measurements up to 1
| Setting | Type | What it does |
|---|
| Measurements page | Page | A page with a table: sizes in the first column, then one column per measurement. Connect a page reference metafield to use a different table per product. Choose a page. |
| Unit used in the table | Choice | Choose Centimeters, Inches. Centimeters to start. |
| Heading | Text | Leave empty to use the default heading. |
| How it was measured | Text | For example: Measured flat, with the garment laid out. |
Size conversion up to 1
| Setting | Type | What it does |
|---|
| Conversion page | Page | A page with a table: your size names in the first column, then one column per size system. Connect a page reference metafield to use a different table per product. Choose a page. |
Size and color stock up to 1
| Setting | Type | What it does |
|---|
| Heading | Text | Leave empty to use the default heading. |
| Show the table open | On / off | Off by default. |
Delivery and returns up to 1
| Setting | Type | What it does |
|---|
| Show the delivery estimate | On / off | Uses the dispatch cutoff, preparation days and delivery days in Theme settings > Cart. Match them to your shipping times. Off by default. |
| Returns message | Text with bold, italic and links | For example: Free returns within 30 days. Links to your refund policy when you have one. |
| Extra message | Text with bold, italic and links | For example: Duties and taxes included. |
Ratings and fit up to 1
| Setting | Type | What it does |
|---|
| Show star rating | On / off | On by default. |
Reviewer fit
| Setting | Type | What it does |
|---|
| Runs small | Text | — |
| True to size | Text | — |
| Runs large | Text | — |
Quick order list up to 1
| Setting | Type | What it does |
|---|
| Heading | Text | Leave empty to use the default heading. |
Product passport up to 1
| Setting | Type | What it does |
|---|
| Heading | Text | Leave empty to use the default heading. |
| Made in | Text | — |
| Made by | Text | For example: the mill or workshop. |
| Composition | Text | Uses the product's Fabric category metafield when empty. |
| Care | Text | — |
| Repair and resale | Text with bold, italic and links | — |
| Passport link | Link | For example: a page with certificates or the full supply chain. A link to any page. |
| Show open | On / off | Off by default. |
Description up to 1
| Setting | Type | What it does |
|---|
| Show in a collapsible row | On / off | Off by default. |
| Open by default | On / off | On by default. |
Collapsible row
| Setting | Type | What it does |
|---|
| Heading | Text | — |
| Content | Formatted text | — |
| Content from page | Page | Choose a page. |
Materials and care up to 1
| Setting | Type | What it does |
|---|
| Heading | Text | — |
| Composition | Formatted text | Uses the product's Fabric category metafield when empty. |
| Care instructions | Formatted text | — |
| Certification name | Text | For example: GOTS or OEKO-TEX Standard 100. |
| Certificate number | Text | — |
| Link to certificate or evidence | Link | A link to any page. |
Complementary products up to 1
| Setting | Type | What it does |
|---|
| Maximum products | Slider | From 1 to 6, 3 to start. |
Trust and payment up to 1
| Setting | Type | What it does |
|---|
| Show free shipping threshold | On / off | On by default. |
| Show returns window | On / off | On by default. |
| Show secure checkout | On / off | On by default. |
| Show payment icons | On / off | On by default. |
Share up to 1
No settings: add it, then position it.
Custom Liquid
| Setting | Type | What it does |
|---|
| Custom Liquid | Liquid | Add app snippets or other code. |
Apps
App blocks from apps you have installed can be added here.
