Product page
The product page is built from blocks, so you can add, remove and reorder every element. In the theme editor, open a product from the top dropdown (Products › Default product), then click Product information.
Layout
| Setting | What it does |
|---|---|
| Desktop layout | Grid, Stacked or Carousel media gallery. Mobile always uses a swipeable gallery with a counter. |
| Media size / position | Medium or large media, on the start or end side. |
| Enable full screen zoom | Opens images in a full-screen viewer. |
| Keep product information visible while scrolling | Product details stay in view while shoppers scroll the gallery. |
| Show sticky add to cart bar | A compact add to cart bar appears once the main button scrolls out of view. |
The gallery supports images, videos, YouTube and Vimeo videos, and 3D models (with “View in your space” AR on supported phones). When a variant has its own image, choosing that variant shows it.
Blocks
| Block | Notes |
|---|---|
| Title, Vendor, SKU, Price | Price can show the tax and shipping note and the Shop Pay Installments banner. The banner only appears when Shopify Payments and Shop Pay Installments are available to your store. |
| Product rating | Shows stars from a reviews app that saves to the standard reviews.rating metafield. |
| Variant picker | Buttons or Dropdown style. Turn on Show swatches, then in Products edit an option such as Color and choose a color or image per value. Sold-out options are crossed out. |
| Inventory status | “In stock” or “Low stock” with your threshold. You can also show the exact count. |
| Quantity selector | Respects quantity rules (minimum, maximum and increments) for B2B. |
| Buy buttons | Add to cart, plus optional dynamic checkout buttons (Shop Pay, Apple Pay and others), the gift card recipient form and pickup availability. |
| Description | Turn on Split description into tabs: each Heading 2 or Heading 3 in your description starts a new tab, for example “Ingredients” or “How to use”. |
| Collapsible row | Accordion with an icon. Use text, or show a page's content (for example a shared shipping page). |
| Trust strip | Three icons with short text, such as “Free returns”. |
| Complementary products | “Pairs well with” products. Set them up in the free Search & Discovery app under Product recommendations. |
| Share button | Copies the product link, or uses the phone's share sheet. |
| Text, Custom Liquid, Apps | Free text, your own code, or blocks from installed apps (reviews, size guides and more). |
Subscriptions
Install a subscriptions app (for example Shopify Subscriptions) and add a plan to a product. Sienna Beauty then shows a One-time purchase / Subscribe choice with each plan's name and per-delivery price. The cart shows the plan for each line. No theme setup is needed.
Gift cards
Gift card products use the same page. With Show recipient form for gift cards turned on in the Buy buttons block, shoppers can send the card to someone by email on a chosen date with a personal message.
Pickup availability
Turn on local pickup for a location under Settings › Shipping and delivery. The product page then shows whether the selected variant is available for pickup, with a link to all locations.
Different layouts for some products
Create a new product template in the theme editor (Products › Create template), customize it, and assign it to products in the admin under Theme template.