# Dynamic source of color swatch variant image

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

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="https://content.gitbook.com/content/5NvthjEku1DrzU4mKb74/blobs/qY7gPDkaONX3AF5sGXrh/varint-image1%20(1).png" alt=""><figcaption></figcaption></figure>

* Select/Add required colors.

<figure><img src="https://content.gitbook.com/content/5NvthjEku1DrzU4mKb74/blobs/b5jByeQ9mOu17FiuNszT/varint-image2.png" alt=""><figcaption></figcaption></figure>

* Click on the added color to edit it.

<figure><img src="https://content.gitbook.com/content/5NvthjEku1DrzU4mKb74/blobs/dXz7BFwqBsn1eOGt0MyR/spaces_ZyN3AVm8eGZ8KfCXj2wM_uploads_JDMI50ed3GdjEngJhZxr_varint-image3.webp" alt=""><figcaption></figcaption></figure>

* Add image here and Save.

<figure><img src="https://content.gitbook.com/content/5NvthjEku1DrzU4mKb74/blobs/Zvgx8cd9aI0Q3liHSa9l/varint-image4.png" 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="https://content.gitbook.com/content/5NvthjEku1DrzU4mKb74/blobs/o0g18oRytadeYU5llqML/varint-image5.png" alt=""><figcaption></figcaption></figure>