Adding variants to your products

When you want to handle variants on your product, Chec's variant features help your customers make the right product variant selection on your frontend.

In order to use variant features, you will be required to save the product first. In your product edit view, navigate or scroll down to the variants card. To start adding variants to your product, click the 'add' button.

The edit variants management panel will open for you to start adding variant groups. Click on the 'add variant group' button on the splash screen card to start adding variant groups.

A variant group is a group of options. Creating variant groups is a way to categorize your product. Some examples of variant groups on a product are color, size, or material. Within each variant group, you must specify at least one variant option.

Start adding your variant groups in the text field input and the variant options that pertains to the group in the tags field input.

A variant option is a single option available in a variant group. Some examples of options in a color variant group are red, green, blue.

The actions menu to the right of the options input can navigate to an 'advanced' panel where you can further edit your variant options.

Variant options can have price adjustment, which is added to the product’s base price and to any other option prices which will then determine the final purchase price for the item. For example, if your variant options are for size, you may want to add $5 more for large sizes.

Once you have input your variant group(s) and variant option(s), you will see that there are two options in the bottom panel toolbar to either save the created variant groups and variant options 'save changes' or 'save and generate variants'.

Clicking 'save changes' will save the variant groups and variant options to the product. Clicking 'save and generate variants' will automatically generate variants combination out of the variant groups and variant options.

A variant is a specific combination of variant options. An example of a variant is “Small red t-shirt”. Variants have customizable attributes for price, SKU, quantity, description and assets. If a variant has a specified price, the variant price takes priority over any other prices set on the options. Variants can be listed in a product detail view in the frontend of your application or can be calculated in the background when you provide variant option IDs to your “add to cart” API calls.

The above image shows a table of the all generated variants when the 'save the generate variants' button is clicked. Alternatively, the orange 'bulk add' button can also be used to generate selected variants.

Did this answer your question?