# Dynamic source of color swatch variant image

{% embed url="<https://salesiq.zohopublic.in/signaturesupport.ls?widgetcode=siq93f38201da244cbe219b2cab71813c85342abc57dd769c6885e2bde57d2b90da>" %}

**Follow the steps to add a color entry.**

* In the Shopify admin panel, go to the **Content > Metaobjects > Active**

<figure><img src="/files/lhgnjQNd5HVfLaEthwN8" alt=""><figcaption></figcaption></figure>

* Click on **All definitions > Color**

<figure><img src="/files/jt7zAghhoJ0o8B6D3Ymy" alt=""><figcaption></figcaption></figure>

* Add a new entry from here

<figure><img src="/files/tYbevccznS5fAZ1FDFKl" alt=""><figcaption></figcaption></figure>

* Here, you can add a Color name along with its Color code, otherwise you can also upload an Image

<figure><img src="/files/u7AS2OunH5toGVglA9bQ" alt=""><figcaption></figcaption></figure>

You can add images to the color swatch using the dynamic source of metafiled. Follow the below steps:

* Go to the Products
* Open anyone product.
* Click on 'Add options like size or color' and select "**color**"

<figure><img src="/files/TiccxhW4oaWUBzr7nJu5" alt=""><figcaption></figcaption></figure>

* Select/Add required colors.

<figure><img src="/files/CCwXjY4uAmXIP7ys5yeQ" alt=""><figcaption></figcaption></figure>

* Click on the added color to edit it.

<figure><img src="/files/TAQKw0U8gz0guJpb1a6k" alt=""><figcaption></figcaption></figure>

* Add image here and Save.

<figure><img src="/files/jcI2qYVNM1WblMIVZ7Zz" alt=""><figcaption></figcaption></figure>

* When there are color swatches on the product cards and product page, the added images will be displayed.

<figure><img src="/files/kYk6FZsd2yLvIXc4C4PK" alt=""><figcaption></figcaption></figure>


---

# 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://sitar-doc.winterinfotech.com/dynamic-source-of-color-swatch-variant-image.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.