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
Color schemeColour schemescheme-1
Keep product info visible while scrollingOn/offOn

Media

SettingTypeDefaultDetails
Media width on desktopChoiceMediumSmall, Medium, Large
Gallery layoutChoiceThumbnails belowThumbnails below, Thumbnails beside, Two-column grid
Media shapeChoiceSquareSquare, Portrait, Landscape, Adapt to first media
Media fitChoiceShow whole device on a panelShow whole device on a panel, Fill the frame
Enable image zoomOn/offOn
Loop videosOn/offOff

Section spacing

SettingTypeDefaultDetails
Top paddingChoiceSmallNone, Small, Medium, Large
Bottom paddingChoiceMediumNone, Small, Medium, Large

Blocks (19)

Title

SettingTypeDefaultDetails
Heading sizeChoiceMediumSmall, Medium, Large
Show vendorOn/offOn
Show SKUOn/offOff

Price

Unit prices show automatically for variants that have them.

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

Rating

Shows the reviews.rating metafield set by product review apps.

Compatibility chips

Uses the custom.works_with product metafield (list of text).

SettingTypeDefaultDetails
LabelTextWorks with
Chips to showSlider82–12
StyleChoiceAccent tintOutline, Accent tint, Solid
SizeChoiceLargeSmall, Large

Key specs

SettingTypeDefaultDetails
LabelTextKey specs
Metafield keys (custom namespace)Textconnectivity,power,warranty,setup_timeComma separated, e.g. connectivity, power, warranty, setup_time
LayoutChoiceTilesTiles, Table

Variant picker

Swatches use option swatch colors or images. Values without swatches show as pills.

SettingTypeDefaultDetails
StyleChoicePillsPills, Swatches, Dropdown

Kit includes

Lists the custom.kit_includes metafield. Hidden when it's empty.

SettingTypeDefaultDetails
HeadingTextWhat's in the kit
Show savings vs buying separatelyOn/offOn

Quantity selector

No settings.

Buy buttons

Purchase options appear automatically for products with selling plans, like subscriptions.

SettingTypeDefaultDetails
Show dynamic checkout buttonsOn/offOnCustomers see their preferred payment option, like PayPal or Apple Pay.
Show Shop Pay InstallmentsOn/offOn
Show gift card recipient formOn/offOnLets customers send gift cards on a date with a message.

Pickup availability

Shows when local pickup is enabled for a location that stocks the variant.

Stock counter

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

Back in stock alert

Shows a "Notify me" button when the selected variant is sold out.

Delivery estimate

SettingTypeDefaultDetails
Fastest delivery (business days)Slider20–14
Slowest delivery (business days)Slider40–21
Same-day dispatch cutoff (hour)Slider140–23

Assurance list

SettingTypeDefaultDetails
Icon 1ChoiceTruckTruck, Return, Shield, Lock, Clock, Check, App, Leaf, Phone, Gift
Text 1Rich textFree shipping and 30-day returns
Icon 2ChoiceShieldTruck, Return, Shield, Lock, Clock, Check, App, Leaf, Phone, Gift
Text 2Rich text2-year warranty, no subscription required
Icon 3ChoicePhoneTruck, Return, Shield, Lock, Clock, Check, App, Leaf, Phone, Gift
Text 3Rich textSetup help from real people, 7 days a week

Text

SettingTypeDefaultDetails
TextRich textShort, reassuring copy about this device.
StyleChoiceBodyBody, Subdued, Large

Description

No settings.

Collapsible tab

SettingTypeDefaultDetails
HeadingTextOverview
IconChoiceInfoNone, Info, Chip, Box, Cog, Sparkle, Shield, Truck, Return, Clock, Plug, Wi-Fi, App, Leaf
ContentChoiceText and page belowText and page below, Product description, Tech specs (metafields), In the box (custom.in_the_box), Setup time (custom.setup_time)
TextRich textShown after the chosen content.
Page contentPage
Open by defaultOn/offOff

Custom Liquid

SettingTypeDefaultDetails
Liquid codeLiquidAdd app snippets or other code.

Complementary products

Set complementary products in the Search & Discovery app.

SettingTypeDefaultDetails
HeadingTextWorks great with
Products to showSlider31–6