Your product page is built from a flexible set of blocks, so you can arrange images, title, price, variants, and everything else in the order that suits your product.
Layout
- Media position and Media width - control where your product images sit and how much space they take up.
- Gallery layout - Slider shows one image at a time with dots; Stacked shows all images in a column on desktop, becoming a swipeable slider on mobile.
- Show sticky add to cart bar - a floating bar with the product title, price, variant select, and add to cart button appears once the buy buttons scroll out of view. See how to set up the sticky add to cart bar.
Blocks
Add, remove, and reorder any of the following from the theme editor:
| Block | What it does |
|---|---|
| Title | Choose a heading tag and toggle Show vendor. |
| Price | Optionally show a tax note under the price. Leave the tax note text blank to fall back to your store's tax and shipping policy notice. |
| Variant picker | Set which option names (e.g. "Color, Colour") render as swatches instead of buttons, and choose Color swatch or Image swatch style (see how to set up color and image swatches). You can also switch on a size chart link here: add any combination of custom HTML, an image, and a page, and they'll render in that order inside the popup (see how to set up a size chart). |
| Quantity | Optionally show a low stock note once inventory drops below a threshold you set. |
| Buy buttons | Toggle the dynamic checkout button (Shop Pay, Apple Pay, etc.), toggle purchase options for subscriptions, and add a short reassurance line under the buttons. |
| Description | The product description. |
| Text | A simple text block. |
| Collapsible row | Great for shipping times, care instructions, and other tab-style content. You can link a page here too. |
| Icons with text | Up to four icon and label pairs for calling out benefits. |
| Rating | Displays your product's star rating from a reviews app. |
| Share | Share icons, using the platforms set in Social media settings. |
| Numbers | Up to four number and label pairs, useful for stats. |
| Table | A simple comparison or specs table. Add one row per line, separating columns with a vertical bar. |
| Video strip | Up to four videos with cover images; tap to open a player. |
| Store availability | Shows pickup availability for stores with local pickup enabled. |
| Rotating element | A rotating badge of text or an image. |
| Divider | A thin dashed, dotted, or solid line to break up content. |
| Custom liquid | Add your own Liquid code. |
| Complementary products | Pairings sourced from the Search & Discovery app. This block shows nothing until product recommendations are set up there; see how to set up complementary products. |
This section also uses the standard Color scheme, Content style, and Framing text settings described in Theme settings, plus advanced style overrides, found on most sections.