# Product swatches

{% hint style="success" %}
**Step**:

1. From your admin, click to **Products** then add new or select the exist products that you want to setup color swatches
2. Scroll down and click to **This product has options, like size or color** checkbox
3. Set **Option name** to **Color** and **Option values** to the colors of products
4. Click **Save**
5. After Saving product, scroll down to **Options** again and set images for each variant.
6. Click **Save** and you can see the result in front store
   {% endhint %}

## How to custom color in product?

Sometimes your product has special colors,so that the Color Swatches will not understand the color and will use the product image instead. To display the custom colors of the product, you can follow the following steps:

{% hint style="success" %}
**Step:** 

1. From your admin, click to **Online Store -> Themes -> Customize**
2. Scroll down from editor and you can see section names **Custom Color**
3. Add new custom color with color name and color code
4. Click **Save** and you can see the result in front store
   {% endhint %}

{% embed url="<https://youtu.be/62V0kU2RXg4>" %}