---
title: "Variants | Customer&#x27;s Canvas Hub"
canonical: "https://customerscanvas.com/docs/hub/admin-guide/pim/variants/"
---

# Variants

> In this article, you will learn how to:

* Work with product variants.
* Use the properties of product variants.

You can read about the concept of product variants in the [Products](https://customerscanvas.com/docs/hub/admin-guide/what-is-product.md#product-variants) article.

Let's observe product variants in your product.

## Variants tab

In the **Variants** tab, you can see your product variants, their price and SKU, and the **Availability** drop-down lists.

![The Variants tab.](./images/variants-tab-overview.png)

1. You can provide the **SKU** and **Availability** fields in a CSV file. This workbook may be helpful if you have many product variants. To learn more, read the [Importing SKU](https://customerscanvas.com/docs/hub/admin-guide/pim/import-sku.md) article.
2. Filters for product variants by option names for seaching.
3. Checkboxes to apply SKUs and Availability for selected product variants.
4. Variant numbers and names.
5. Product variant price to be displayed in your storefront.
6. Product variant SKU linking to a product in your storefront.
7. The **Availability** drop-down lists manage the availability of product variants on your storefront.

## Filters

You can filter your product variants by options and option values.

![Filters by option names.](./images/variants-tab-filter-by-options.png)

The option names appear as the names of drop-down lists, and the option value names are in this drop-down list. By default, all options represent all values, and the checkboxes in these drop-down boxes are empty.

![By default, the checkboxes in the drop-down list are empty.](./images/variants-tab-filter-dropdowns.png)

When you select option values, the variants with these option values are displayed. To clear filter, click **Clear all**.

![Filters by option values.](./images/variants-tab-filter.png)

## SKU

To add an SKU to a product variant, input an SKU in the corresponding field. Valid symbols are letters, numbers, and punctuation signs.

![SKU for your product variants.](./images/variants-tab-sku.png)

## Availability

To manage which product variants are available on your storefront, use the **Availability** checkboxes. When you select a checkbox, this product variant becomes availabille on the storefront.

![Selected product variants.](./images/variants-tab-selected.png)

You can add the same price and SKU and set the same **Availability** mode to several product variants. To do so, select the product variants you need and click **Edit Price**, **Edit SKU**, or **Edit availability**.

In a new dialog box, you can imput an SKU or select the **Availability** mode. Then, click **Apply** to save the result.

![Edit SKU and availability.](./images/variants-tab-edit-sku-availability.png)

If you have many product variants, you may fill price, SKU, and the **Availability** values in a CSV file. To learn more, read the [Importing SKU](https://customerscanvas.com/docs/hub/admin-guide/pim/import-sku.md) article.

:::note
The **Availability** values don't impact on product links. Even if you don't select a product variant, you can create a product link with corresponding options and option values.
:::

Now you can connect assets to product variants. To do so, read the next [Connecting assets to products](https://customerscanvas.com/docs/hub/admin-guide/pim/connecting-assets-to-products.md) article.
