Add your first product

Create one sellable product with a price, sizes and a photo, and see it live on your storefront.

Before you start

Finish Welcome to Commera so you know your way around the dashboard.

Steps

1. In the sidebar, under Catalog, click Products. Click Add product in the top right.

   

2. The Add product dialog opens. Fill it in, then click Add product at the bottom:

   1. Title: name the product.
   2. Collection: pick one, or create a New one.
   3. Under Option, keep the default Color, and pick or type a colour in the Color field; that becomes the first thing shoppers choose.
   4. Sizes: list the sizes you carry.
   5. Each color crossed with each size becomes one thing you can stock, price and sell, such as "Blue, size M". A grid shows every combination; untick any size you do not carry in that color.
   6. Price and, if the item is on sale, Compare at, which shows shoppers a sale badge and how much they save.
   7. A note, Photos come next, tells you the product will be created without a photo and stays hidden from shoppers until you add one.
   8. Click Add product.
   

3. Your new product's page opens. In the Variants table, find the color's row and click Add in the Photos column. A panel opens for that color: pick an image file to upload it.

   

4. Back on the variants row, click the ⋯ menu at the end of the row, then choose Publish to storefront.

   

5. Click Open next to the colour in Storefront listing to see it as a shopper would.

Check it worked

The product's storefront page shows its photo, price, and sizes. Since it has no stock yet, shoppers see both Add To Cart and Notify Me When Available; checkout itself needs stock.

Good to know

Next

Connect a payment gateway