Gallery, buy buttons, variants, coffee details and the sticky add to cart bar.
The product page on desktop.
The Product information section is the heart of the product page. Everything in the right-hand column is a block, so you can add, remove and reorder each part.
Edit the product page
In the theme editor, choose Products → Default product from the page picker.
Select a product to preview with Change in the preview.
Click Product information and rearrange its blocks.
Tip
Changes to the template apply to every product that uses it. For a different layout (for example for equipment), create a new product template and assign it to those products.
Recommended block order for coffee
Subheading (product type, for example “Single origin”)
Title, Rating, Price
Tags: tasting notes
Level meter: roast level
Variant picker: size and grind
Buy buttons (with subscription options)
Feature blocks: “Roasted to order”, “Free shipping over $40”
Collapsible rows: About this coffee, Shipping & returns, Freshness & storage
The product page on a phone.Product information blocks.Media layouts.The buy box.Inventory and pickup.Collapsible rows.The sticky add to cart bar.Video reviews.Full screen images.
Settings
Setting
Options
What it does
Section appearance
Color scheme
Color scheme
Media
Media layout
Grid · Thumbnails left · Thumbnails bottom · Carousel with dots
Below 990 px every layout swipes: both thumbnail layouts put their thumbnails under the photo, dots stay, and Grid shows one photo at a time.
