How to create and use product variants

Product variants let you manage one product that comes in several versions, for example a desk in 2 colors and 3 kinds of legs, instead of creating a separate product for each combination. To use them, enable Variants in Sales ‣ Configuration ‣ Settings, create the attributes (Color, Legs…) and their values in Sales ‣ Configuration ‣ Products ‣ Attributes, then add the attributes to the product in its Attributes & Variants tab. Viindoo creates one variant per combination, each with its own reference, stock and extra price.

Who

A Sales administrator (to enable the feature and create attributes); users who can create products (to add attributes to products).

App

Sales (the same settings exist in Purchase and Inventory)

Before you start

Example used in this page: the product Customizable Desk has two attributes: Color with 2 values (White, Black) and Legs with 3 values (Steel, Aluminium, Custom). Viindoo creates one variant for each allowed combination, here 5 variants (the Black and Aluminium combination is excluded), for example Customizable Desk (White, Steel).

How do I enable product variants?

  1. Go to Sales ‣ Configuration ‣ Settings.

  2. In the Product Catalog section, tick Variants and click Save. The Attributes link under the option opens the list of attributes. Tick Variant Grid Entry if you also want to add several variants to an order from a grid.

    Variants option in the Product Catalog section of the Sales settings

How do I create an attribute and its values?

  1. Go to Sales ‣ Configuration ‣ Products ‣ Attributes and click New.

    List of product attributes with display type and variant creation mode
  2. Fill in the attribute (see Which attribute settings should I choose?) and add its values in the Attribute Values tab with Add a line.

    Legs attribute with display type, variant creation and its values

Which attribute settings should I choose?

Field

What it does

Attribute Name

The characteristic that changes between variants, for example Color, Size, Version.

Display Type

How the values are shown when a salesperson or a website customer picks a variant: Radio (option buttons, for short lists), Pills (buttons), Select (drop-down list, for long lists), Color (color swatches, using the color of each value), Image (swatches using the image of each value), Multi-checkbox (several values can be ticked; only with Variant Creation set to Never).

Variant Creation

Instantly: all combinations are created as soon as the attribute is added to a product. Dynamically: a variant is created only when its combination is added to a sales order. Never: no variant is created; the value is only an option written on the order line. Cannot be changed once the attribute is used on a product.

eCommerce Filter, On Product Cards, Show Thumbnails

Shown when the eCommerce app is installed. eCommerce Filter: Visible or Hidden in the shop filters of the website. On Product Cards: for instantly created variants, the values can be Visible, Hidden or shown on Hover on the product cards of the shop. Show Thumbnails uses the variant images instead of the value swatches.

Values: Value, Free text, Color / Image, Default Extra Price

Each value of the attribute. Tick Free text to let the customer type their own value (for example an engraving text). Color and Image are used by the Color and Image display types. Default Extra Price is added to the product price when the value is chosen.

Tip

After changing values or default extra prices, click Add to products or Update extra prices in the Attribute Values tab to apply them to the products that already use the attribute.

How do I add variants to a product?

  1. Open the product (Sales ‣ Products ‣ Products) and go to the Attributes & Variants tab.

  2. Click Add a line, choose the attribute and its values. Add one line per attribute.

    Attributes and Variants tab of the Customizable Desk with the Legs and Color attributes and their Configure buttons
  3. Save. The Variants button at the top of the form shows the number of variants created, here 5.

    Variants button showing the number of variants of the Customizable Desk
  4. Click Variants to see them. Each variant can have its own internal reference, barcode, price and stock.

    List of the 5 variants of the product with reference, variant values, sales price, cost and stock

Warning

Adding or removing attributes or values on a product that already has variants deletes and recreates its variants. Variants already used on documents are archived instead of deleted.

How do I set a different price for a variant?

  1. In the Attributes & Variants tab, click Configure on the attribute line (see the screenshot above).

  2. A list of the values of the attribute on this product opens. Enter the Extra Price of each value. In the example, Aluminium costs $50.40 more.

    Extra price of the Steel, Aluminium and Custom values of the Legs attribute

The sales price of each variant is the product price plus the extra prices of its values. With a sales price of $750.00, the Steel and Custom variants sell at $750.00 and the Aluminium variant at $800.40, whatever the color; the Sales Price column of the variant list above shows it.

How do I use variants in orders and transfers?

  • Sales orders: when you add the product to a quotation, a window asks you to choose the values (color, legs), then adds the right variant at its price. It also proposes the optional products of the product.

    Product configuration window with color swatches and legs options on a sales order
  • Purchase orders: choose the variant directly in the Product column of the purchase order.

    Variants proposed in the product field of a request for quotation
  • Stock transfers: choose the variant in the Product column of the transfer, see How to move goods between warehouses with an internal transfer.

    Variants proposed in the product field of a stock transfer

Common errors

Message

What to do

You cannot change the Variants Creation Mode of the attribute … because it is used on the following products

Create a new attribute with the mode you need, or remove the attribute from those products first.

You cannot delete the attribute … because it is used on the following products

Remove the attribute from the products listed first.

You cannot archive this attribute as there are still products linked to it

Remove the attribute from its products before archiving it.

The Attributes & Variants tab or the Attributes menu is missing.

Enable Variants in Sales ‣ Configuration ‣ Settings.

Next steps