# Add Variants

#### Add Product Variants

{% hint style="success" %}
[Rede More ](https://help.shopify.com/en/manual/products/variants/add-variants)
{% endhint %}

## **Step 1:**

* When add**ing a** product then add a variant for this product.
* When adding a product then add a variant for this product.

![](https://2660769954-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MccyNuK6eTGishgIP-S%2F-MhlQ-6_XU4VDC7foRXn%2F-MhlRhHZJyAtMVCMpphK%2Fadd-variant-1.png?alt=media\&token=317256c3-a50a-4864-8736-7c9036c66bcf)

## **Step 2:**

![](https://2660769954-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MccyNuK6eTGishgIP-S%2F-MhlQ-6_XU4VDC7foRXn%2F-MhlRwwOutZtQKLRZvzR%2Fadd-variant-2.png?alt=media\&token=dfda24e4-57fd-4a14-9008-b282555bf7f8)

## **Step 3:**

![](https://2660769954-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MccyNuK6eTGishgIP-S%2F-MhlQ-6_XU4VDC7foRXn%2F-MhlS6UTurg0C2BoUWE8%2Fadd-variant-3.png?alt=media\&token=157e8918-3d86-44dc-9f20-515b46612b07)

## **Step 4**

* If you add **an** image for variant then this image will display in the swatch color variant field

![](https://2660769954-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MccyNuK6eTGishgIP-S%2F-MhlQ-6_XU4VDC7foRXn%2F-MhlSI6JCewK8Os5vSzM%2Fadd-variant-5.png?alt=media\&token=65e8416d-0be5-490d-91d0-c0938a2358b1)

## **Step 4**

* This variant is displaying in **the** product swatch option

![](https://2660769954-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MccyNuK6eTGishgIP-S%2F-MhlSPH0KxklLSXZnID3%2F-MhlTUrxrr3-IAfDThhW%2Fvairants.png?alt=media\&token=585fc629-c366-4c9d-9d2f-654a774dd970)

* This variant is displaying in the product **Dropdown option**

![](https://2660769954-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MccyNuK6eTGishgIP-S%2F-MhlTimXEoutSC-f1idH%2F-MhlUMBZtgpCnOB2CHXC%2Fvairants_drodown.png?alt=media\&token=6c53368e-07b1-4833-a8ea-a82ec587f64f)