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

SettingTypeDefaultDetails
Media widthChoiceLargeSmall, Medium, Large
ThumbnailsChoiceLeft of imageLeft of image, Below image
Image fitChoiceContainContain, Cover
Accordion positionChoiceBelow mediaBelow media, In product info
Sticky product info on desktopOn/offOn
Color styleChoiceLightLight, Tint, Dark, Accent

Section spacing

SettingTypeDefaultDetails
Top paddingSlider480–160px
Bottom paddingSlider480–160px

Blocks (17)

Text

SettingTypeDefaultDetails
TextRich textText block
StyleChoiceCaptionCaption, Body, Eyebrow

Title

No settings.

Rating

Shows stars from the reviews.rating and reviews.rating_count metafields that review apps populate.

SettingTypeDefaultDetails
Show review countOn/offOn

Price

SettingTypeDefaultDetails
Show tax and shipping noteOn/offOff

Description

SettingTypeDefaultDetails
ContentChoiceShort (custom.short_description metafield)Short (custom.short_description metafield), Full description
Word limit when no short descriptionSlider3010–80

Benefit chips

Uses the custom.benefits metafield (list of single line text). Falls back to the text below.

SettingTypeDefaultDetails
Fallback benefitsTextSmoothing, Hydrating, RenewingComma separated

Spec rows

Values come from custom.type and custom.used_for metafields.

SettingTypeDefaultDetails
First labelTextType
First fallback valueText
Second labelTextUsed for
Second fallback valueText

Variant picker

SettingTypeDefaultDetails
StyleChoiceButtonsButtons, Dropdown
Show color swatchesOn/offOn

Purchase options

Shows one-time purchase and subscription options from your selling plans (subscription apps).

SettingTypeDefaultDetails
Preselect subscriptionOn/offOff
NoteTextSkip, pause or cancel anytime.

Buy buttons

SettingTypeDefaultDetails
Show quantity selectorOn/offOff
Show dynamic checkout buttonsOn/offOn
Show gift card recipient formOn/offOn
Show pickup availabilityOn/offOn

Accordion

SettingTypeDefaultDetails
HeadingTextDetails
Content sourceChoiceCustom content onlyCustom content only, Product description, Benefits (custom.benefits_detail), How to use (custom.how_to_use), Key ingredients (custom.ingredients)
Custom contentRich text
Content from pagePage
Open by defaultOn/offOff

Stock counter

"Only 3 left" message for variants that track inventory and stop selling when out of stock.

SettingTypeDefaultDetails
Show at or belowSlider101–50
Show stock barOn/offOn

Back in stock alert

Shows a "Notify me" button on sold-out variants. Requests arrive in your store's email inbox.

Delivery estimate

SettingTypeDefaultDetails
Fastest deliverySlider30–30dBusiness days after the order ships.
Slowest deliverySlider50–30d
Same-day dispatch cutoffSlider140–23hIn your store's time zone.
Don't ship or deliver on weekendsOn/offOn
HolidaysTextDays you don't ship, as YYYY-MM-DD separated by commas.
Show time left to orderOn/offOn

Size chart

SettingTypeDefaultDetails
Link labelTextSize chart
Product metafieldTextcustom.size_chartnamespace.key of a rich text, page or image metafield. Used first when the product has it.
Fallback pagePageShown when the product has no size chart metafield.

Custom Liquid

SettingTypeDefaultDetails
Custom LiquidLiquid