A product with options, such as a plate in two sizes and two thicknesses, shows on your store as one product. To set one up, see Products with options.
Putting it on your store
On the product's page in Inventory, open the Website tab and turn on your store. All its variants go on together, at one address made from the product's name, such as /product/plate/. Turning it off takes them all off.
The switch on any one variant's page does the same thing for the whole product.
What shoppers see
- In the shop and its categories: the product once, with its photo and its lowest price. When the variants' prices differ, it says "From" before the price.
- On its page: a row of buttons for each option, such as Size and Thickness. The price, stock, SKU and photos change to match what's chosen.
- A variant you don't make is shown crossed out. Choosing it picks the nearest variant you do make.
- A variant that's sold out is greyed. It can still be chosen, and says Out of stock with no Add to cart.
- The address keeps the choice, such as
/product/plate/?size=16-12&thickness=6-mm, so a shopper can share or bookmark the exact variant. - In the cart and on the order: the exact variant, such as "Plate, 16 × 12, 6 mm". The sale records that variant, so stock comes off the right item.
Photos
The product's own photos show for every variant. A variant with photos of its own (another colour, for example) shows those first when it's chosen.
On every product's page, the first photo shows large and the rest as small pictures under it. Clicking any of them opens a full-screen slide show. Shoppers move through it with the arrows, the arrow keys, or a swipe on a phone, and close it with Close or Esc.
Search engines
Search engines see the product once, with each variant's price and stock. Its search title and description are set once for the product, on its Website tab. See Products and categories in search engines.