All Collections
Products
Variants
Creating Variants for Products
Creating Variants for Products

In this article, you will get to know more about how you add and set up products as variants

Sofie Birch Løfstedt avatar
Written by Sofie Birch Løfstedt
Updated over a week ago

In this article we will go over following:

What are Variants?

How do I Create Variants?

  • Step-by-step guide

  • Example 1 - T-shirt

  • Example 2 - 3 different chairs

Displaying variants

  • Thumbnail images

  • Color swatches

  • Dropdown

  • Other display options

    • Line-View

Re-arrange Variant hierarachy

Deleting and ungrouping Variants


What are Variants?

If you are selling products in different variants, this is the section you need to know. This is where you manage your Variants, and choose how they are displayed in your webshop.

First things first, what is a Variant in Turis - see below.

Variants are – as the name suggests – variants of a product. So this means several products that are predominantly the same, except for one or several small variations. A Variant can for example be size, color, measure and weight.

How do I create Variants?

Creating a Variant is NOT done in the Variant section, but instead in the Products section. To get started, go to 📦 Products in the left-hand side menu and click on "+ / plus" in the upper right corner. The window below will appear.

Step-by-step guide:

  1. Variants: give the Variant a name, e.g. "T-Shirt" or "Pants". The Variant field connects all products belonging to the same variant.

  2. Variant Title (Color, Flavor, Style): specify color, material, style, e.g. "Green"

  3. Size/Volume: define size or volume, e.g. "Small", "Medium" or "Large"

Example 1 - T-Shirt

In the following example, we have a T-Shirt that is Green and it comes in three different sizes; Small, Medium and Large.

The first thing we need to do, is to create the T-Shirt three times, as we are going to create three different sizes.

Now that we have created three Green T-Shirts, we can assign each of them to a size. We will start with the size Small (SKU #3000053).

1. Firstly, we need to create it as a Variant. To do this, we click on the product and scroll down to "Variants" and click on "Select options".

Now we want to create and name the Variant, we will call it T-Shirt.

2. Secondly, we need to give it a Variant Title. We do this by clicking on the "Select options".

Here we name it after its color, which is Green.

3. Thirdly, we now want to add the size of the T-Shirt. We do this by clicking on "Select options".

Here we name the size as Small.

We have now created a Variant that is called T-shirt, the color is Green and the size of it is Small.

Now that we have created the Variant (T-Shirt > Green > Small) we want to follow the same procedure, to create the size Medium and Large.

Medium (SKU #3000051)

Large (SKU #3000052)

We now have a Variant that is called T-shirt, the color is Green and it contains three sizes; Small, Medium and Large.

Example 2 - 3 different chairs

In the example below, we have already created three products – three different type of chairs.

Let’s say that instead of showing these three products separately, we instead want to "bundle" or "group" them together and thereby show them as one product in three Variants.

To do this, we click one of the products – in this case, the Wooden Chair (SKU #100021) – and create a new Variant in the field “Variants” which we call Chairs.

Chairs

Next, we want to specify what distinguishes this particular Variant (chair) from the other chairs, we are "bundling" or "grouping" together. We do this be adding a Variant Title. In this given example, the most obvious distinction is the fact, that the chair is made of Wood.

Variant_Title

Since we are only distinguishing in one type of variant – the material – we are gonna put in “Wood” in the Size volume as well.

Variant_Wooden_Chair2

So now that we have told Turis that this Wood Chair Product is part of a Chair Variant, the variant has been created, and we can add other products to the same variant. Therefore, for the remaining two Chairs – the fabric and plastic chair – we follow the same procedure.

Chair_Fabric_Plastic

Fabric chair (SKU #100023)

Fabric_Chair

Plastic chair (SKU #100022)

Plastic_Chair

We now have a Variant that is called Chair and it has three different styles; Wooden, Fabric and Plastic.

Displaying Variants

In Turis, it is possible to display Variants in various ways and these are:

  • Thumbnail Images

  • Color Swatches

  • Dropdown

The best way of displaying a Product Variant depends on what type of product you are selling, how many variants you have and of course how you like to display your products.

Now, to access Variants go to Products in the left-hand side menu and click on Variants. You will then get an overview that looks like this.

Variants_Overview

Next, click on the "Settings" button that is on the right side of Chairs and the window below opens.

Variant_Settings

In the window that now appears, you can set the Default Variant and what to Display Variants As.

Thumbnail Images

If you choose to display your Product Variant as Thumbnail Images, you need to set an image for each Product Variant. You do that by clicking on the "+ / plus" next to each variant and choose an image from the Media Library or you can upload a new product image.

Thumbnail_Image

When you have added the images you complete by hitting "Save". Now your Product Variant will be displayed like this to your Buyers.

Thumbnail_Image_Example

Color Swatches

If you choose to display your Product Variant as Color Swatches, you first need to set a color for each product variant. You do that by clicking the color box next to each variant and choose the color you like.

Color_Swatches_Menu

When you have selected the colors to all Variants, you complete by hitting "Save". Now your Product Variant will be displayed like this to your Buyers.

Color_Swatches_Example

Dropdown

If you choose to display your Product Variant as a Dropdown, you simply just select Dropdown and complete by hitting "Save".

Dropdown_menu

Your Product Variant will now be displayed like this to your Buyers.

Dropdown_example

Other display options

In continuation of the three display options presented above, the next section will elaborate how you display Variants in Line-view.

Line-View

To display a product in Line-view you simply select Line-view and complete by hitting the "Save" button afterwards.

Line_view

The Product Variant will now look like this in your webshop.

Re-arrange Variant hierarachy

You can rearrange and customize the hierarchy of a Product Variant. To do so, you click on the arrow next to the Variant name.

Variant_hierachy1

Then the Product Variant unfold.

Variant_hierachy

Now you can drag and drop the Variant to rearrange the order or hierarchy of it. You simply click on the " " or the e.g. "Small" and then drag and drop it again, in the order you prefer.

Variant_hierachy2

Deleting and ungrouping Variants

If you do not want to display your Product Variants as Variants, but rather as individual products, you can either ungroup or delete your Variants. Both of these are done in the variant settings.

You do this by going to Variants and select the Variant you want to ungroup or delete.

Ungroup_delete_variant
  • Ungroup Variant: tick off the field "show products individually (ungroup variant)" and the variant will ungrouped

  • Delete Variant: click "delete variant" and the variant will be deleted

Did this answer your question?