# Variant Image Grouped

### Below is the step by step instruction to set up Variant image grouped.

* **Step 1**: Theme settings -> General -> Swatch For Option.
* **Step 2:** At Production Information, please choose Variant picker => **Enable variant image grouped.**

<figure><img src="https://3284033180-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fag3h7ZduRGWlquTgGUHi%2Fuploads%2F57SFOPuRkX5nwmnxGST3%2Fimage.png?alt=media&#x26;token=4dae3e81-0f0e-4a97-ac75-8db4b569ae20" alt=""><figcaption></figcaption></figure>

* **Step 3:** Click **"Products Admin"**, then click on the product you would like to add **Variant Images Grouped**
* **Step 4:** Copy the colors of **Variant section**

<figure><img src="https://3284033180-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fag3h7ZduRGWlquTgGUHi%2Fuploads%2FOM5MrkLKUwByqf117Vyy%2Fimage.png?alt=media&#x26;token=4b6bb94d-495e-4ff4-960b-068cc5b5a744" alt=""><figcaption></figcaption></figure>

* **Step 5:** Click **“Alt”** on Image -> Paste Color on **“Image alt text”** section corresponding to the image.

<figure><img src="https://3284033180-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fag3h7ZduRGWlquTgGUHi%2Fuploads%2FaAVloEuvvJxIEfPJ4pIY%2Fimage_2022_11_18T06_50_44_109Z.png?alt=media&#x26;token=50b26833-aa8a-438b-bbfc-9166fdc13d1a" alt=""><figcaption></figcaption></figure>

Here is the result:

<figure><img src="https://3284033180-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fag3h7ZduRGWlquTgGUHi%2Fuploads%2FFQCuK7I9RRCajZpPdbi4%2Fimage.png?alt=media&#x26;token=b1745f3d-bffe-4571-9830-f2a2d6d22364" alt=""><figcaption></figcaption></figure>

{% hint style="info" %}
If you want to have this feature on **Quickview**, please go to **Theme Settings -> Quickview** -> **Enable variant image grouped.**
{% endhint %}

<figure><img src="https://3284033180-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fag3h7ZduRGWlquTgGUHi%2Fuploads%2Fzu94BaOMLeH6fSpuc5bV%2Fvariant-group.gif?alt=media&#x26;token=b6dd07cd-81a1-4f18-94e3-a6d149d9fe01" alt=""><figcaption></figcaption></figure>
