# 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>" %}


---

# Agent Instructions: Querying This Documentation

If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://blueskytechcos-organization.gitbook.io/umino-shopify/global-settings/product-swatches.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.