# Variant Image Grouped

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

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

1. From your Shopify admin, go to **Online Store** **->** **Themes**.
2. Find the theme that you want to edit, and then click **Customize**.
3. Choose **Default product** template in the dropdown of editor window to open theme editor of product page.
{% endhint %}

1\.  From **Product Information ->** Click **Add block** -> Choose **Variant Picker.**

<figure><img src="https://content.gitbook.com/content/99MlOzvyJDAhsvR2FLtv/blobs/Yh0NrQUHesoop4yPVyNb/image.jpg" alt=""><figcaption></figcaption></figure>

2\. Choose **Show Variant Image Grouped?** to enable Variant Image Grouped function.

<figure><img src="https://content.gitbook.com/content/99MlOzvyJDAhsvR2FLtv/blobs/ZOkWpvWdMtbNQHjgTfO5/image%20(1).jpg" alt=""><figcaption></figcaption></figure>

3\. In Admin -> Click **"Products"**, then click on the product you would like to add **Variant Images Grouped** -> copy the colors of **Variant section**

<figure><img src="https://content.gitbook.com/content/99MlOzvyJDAhsvR2FLtv/blobs/v2pZ6AvctZ0YEekPPwFE/Untitled-1.jpg" alt=""><figcaption></figcaption></figure>

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

<figure><img src="https://content.gitbook.com/content/99MlOzvyJDAhsvR2FLtv/blobs/Wv1euDiLmU7RNPtHJJ78/Untitled-1.jpg" alt=""><figcaption></figcaption></figure>

Here is the result:

<figure><img src="https://content.gitbook.com/content/99MlOzvyJDAhsvR2FLtv/blobs/ryzM6KxaVqYsHf1bZzWD/Untitled-1-(1).jpg" alt=""><figcaption></figcaption></figure>
