Skip to content

Product pages

Product blocks: variants, size charts, delivery estimates and more.

The product page is built from blocks inside the Product information section. Open a product in the theme editor, then add, remove and reorder blocks in the sidebar.

Section settings

Media

SettingTypeDefaultDetails
Desktop gallery layoutChoiceEditorial stackEditorial stack, Thumbnails, CarouselMobile always uses a swipe slider with dots.
Desktop media widthChoiceLargeHalf, Large, Extra large
Media ratioChoicePortrait (4:5)Portrait (4:5), Tall (3:4), Square (1:1), Adapt to media
Enable image zoomOn/offOn
Only show the selected color's mediaOn/offOffUpload each color's images right after its variant image. The selected color's images always show first.
Loop videosOn/offOff

Layout

SettingTypeDefaultDetails
Full page widthOn/offOn
Sticky product info on desktopOn/offOn
Update URL when a variant is selectedOn/offOn
Color schemeColour schemescheme-1
Top paddingSlider160–160px
Bottom paddingSlider640–160px

Blocks (17)

Text

SettingTypeDefaultDetails
TextRich textText block
StyleChoiceBodyBody, Eyebrow, Caption

Title

SettingTypeDefaultDetails
Heading sizeChoiceMediumSmall, Medium, Large, Extra large
Show vendorOn/offOff

Price

SettingTypeDefaultDetails
Show sale and sold out badgeOn/offOn
Show tax and shipping noteOn/offOn

Product rating

Shows the reviews.rating and reviews.rating_count metafields that product review apps fill in.

Variant picker

SettingTypeDefaultDetails
Color optionsChoiceSwatchesSwatches, Buttons
Color option namesTextColor, ColourComma separated. Options with Shopify swatch data always show swatches.
Other optionsChoiceButtonsButtons, Dropdown
Show selected value next to option nameOn/offOn

Quantity selector

No settings.

Buy buttons

SettingTypeDefaultDetails
Show dynamic checkout buttonsOn/offOnShows the customer's preferred payment method, like Shop Pay or Apple Pay.
Show Shop Pay InstallmentsOn/offOn
Show gift card recipient formOn/offOnLets customers send gift cards to someone on a scheduled date.

Pickup availability

No settings.

Description

No settings.

Collapsible tab

SettingTypeDefaultDetails
HeadingTextDetails
ContentChoiceCustom textCustom text, Product description, Material, care and fit metafields, ShippingMetafields: custom.material, custom.care, custom.fit. Shipping links to the shipping policy when the text is empty.
TextRich text
Page contentPage
Open by defaultOn/offOff

Size chart

SettingTypeDefaultDetails
Link labelText
Product metafieldTextcustom.size_chartnamespace.key of a rich text, multi-line text, page or image metafield.
Fallback pagePage

Stock counter

SettingTypeDefaultDetails
Show when stock is at or belowSlider101–50
Show stock barOn/offOn
Show "In stock" above the thresholdOn/offOff

Back in stock alert

Shows a "Notify me" button when the selected variant is sold out. Requests arrive in the store's inbox.

Delivery estimate

SettingTypeDefaultDetails
Fastest delivery (business days)Slider20–20
Slowest delivery (business days)Slider50–30
Order cutoff hour (store time)Slider140–23
Skip weekendsOn/offOn

Share

SettingTypeDefaultDetails
Show social share linksOn/offOn

Custom Liquid

SettingTypeDefaultDetails
Liquid codeLiquid

Complementary products

Choose complementary products with the Search & Discovery app.

SettingTypeDefaultDetails
HeadingTextPairs well with
Products to showSlider31–10
Show quick addOn/offOn