Help Center / Storefront experience · Concept
The product page
What customers see on a product page, including variants and add-ons, and which product fields feed it.
Where to find itCatalogueProducts
Help CenterHelp CenterHelp Center / Storefront experience · Concept
What customers see on a product page, including variants and add-ons, and which product fields feed it.
The product page shows one product with its pictures, price and buy button. Its content comes from the product you saved in the panel, its layout from your theme's product template.
| Part | Comes from |
|---|---|
| Pictures, with full-screen zoom | The product's images. See Product image manager |
| Price, crossed-out price and saving | The product's price and discounted price. See Product prices, discounted prices and cost |
| "Add to cart", "Sold out" or "Unavailable" | Stock and availability. See Quantities and stock |
| Details: SKU, brand, size, categories, tags | The matching product fields, when filled in |
| Country of origin | The product's country of origin, named in the page's language |
| Delivery and returns notes | Your settings. See below |
| "You may also like", "Recently viewed" | Sections of the product template |
| Reviews | See Reviews |
Themes can show short notes under the buy button. Each note follows a setting.
| Note | Shown when |
|---|---|
| "Choose a delivery slot at checkout" | Your shop has delivery time slots and does not deliver by shipping zones |
| "Express delivery available", or your own title | Express delivery is offered |
| "Free store pickup", or your own title | Self pickup is on |
| "Free delivery on orders over …" | A free-delivery threshold is set |
| "Shipping calculated at checkout" | You deliver by shipping zones and no free-delivery threshold is set |
| "Easy …-day returns" | You accept return requests. The number is your return window in days. See Returns & Exchanges settings |
The page can also show a pay-later instalment line, a reward points line and an "Order on WhatsApp" button. See Payment methods at checkout, Wallet, reward points and referrals and WhatsApp and social links.
A product with variants shows a picker for each option, such as size or colour. Price, stock, SKU and picture follow the chosen combination.
To change this: turn on Product variants in Shop › Features, then add variants to the product. See Variants.
Add-ons appear as groups of extras under the options. Each extra shows its price as "+…". Each group shows its rule:
| Rule on screen | Meaning |
|---|---|
| "Choose 1" (or another number) | Exactly that many |
| "Choose 1 to 3" | Between the minimum and the maximum |
| "Choose up to 3" | Optional, with a maximum |
| "Choose at least 1" | Required, no maximum |
A customer who skips a required group cannot add the product. The message names the group.
The rule is checked again at checkout. If the add-ons of a product changed after it went into the cart, the line reads "Choose the required options for this item." and the customer updates it in the cart.
To change this: turn on Product add-ons in Shop › Features, then set up Addon categories and Addon options.