Adding products with variants

A product with variants means items of one product that are slightly different: a T-shirt in black or white color or different sizes of the same pair of sneakers. There's no point in adding several products if the difference between them lies only in color or size. This is where products with variants come in handy.

Товар с вариантами нужен, когда у одного товара есть небольшие отличия в размере или цвете. Например, одна и та же футболка белого и черного цвета или одинаковые кроссовки разных размеров. Для таких различий есть товары с вариантами.

To set up different variants of one product, click Add option.

Name

Enter the name of an option to explain the difference between variants: color, size, material, pattern, etc.

Option type

There are two option types: List and Color. Variants in both option types are shown in the order they were added. To rearrange the variants, drag them around the list. Variants in the Color option type are displayed together with the color swatches.

To change the swatch color, click on the circle and select the one you need in the color picker.

Show on site

Select the way product variants will be displayed on the site. Each option type has its own ways of presentation.

Setting up images of product variants

There are two ways to display images of products with variants.

1. A common gallery of images for all product variants

When the Unique images for each variant toggle is turned off, all uploaded images appear as a common gallery for all product variants. They are displayed in the slider on the site.

In other words, all images you've already uploaded will be on display for each product variant on the site. However, you can assign a different main image for each variant.

For example, you've uploaded three images of sneakers in different colors and set up the Color option. The next step is to select a proper image for each product variant.

By default the first uploaded image is assigned as the main image for each product variant; this image is automatically shown first on the site. If you want to use different images for each variant, click on the variant and select the suitable image: green sneakers for the green color and white sneakers for the white color.

For each variant you can enter a unique price, quantity and article.

You can Hide any variant from the site if you don't need it at the moment: for example, if this variant has been sold out. This toggle is also useful if any combination of options doesn't exist. For example, black belts are made of leather, faux leather and suede but red belts only come in faux leather and suede.

Default varitant is displayed first in the product card. The default variant is marked with a tick in the product settings menu.

2. Unique images for each variant

When the Unique images for each variant toggle is turned on, the common gallery of images disappears. In this case, you need to upload suitable images for every product variant.