> For the complete documentation index, see [llms.txt](https://blueskytechcos-organization.gitbook.io/umino-shopify/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://blueskytechcos-organization.gitbook.io/umino-shopify/product-settings/variant-image-grouped.md).

# Variant Image Grouped

### Below are the step-by-step instructions to set up Variant Image Grouped:

* **Step 1:** In Theme customize, go to the **Product page > Default product > Product summary**, you guys will see the **Use variants image group** option here:

<figure><img src="https://content.gitbook.com/content/5WlAIkq5Keo641r70Byr/blobs/QDBhbUQ1nybaeEsF6nC2/image.png" alt=""><figcaption></figcaption></figure>

* **Step2:** Go to **Products** select product you would like to add **Variant Image Grouped**

<figure><img src="https://content.gitbook.com/content/5WlAIkq5Keo641r70Byr/blobs/RufAoAW7MsOwnjjO1wCq/image.png" alt=""><figcaption></figcaption></figure>

* **Step3:** Copy the colors of **Variant section**

<figure><img src="https://content.gitbook.com/content/5WlAIkq5Keo641r70Byr/blobs/crKXXatW1FvRFtDytOR3/image.png" alt=""><figcaption></figcaption></figure>

* **Step 4:** Click on **image product** -> Paste **name of the variant color** on **“Image alt text”** section of a product image.

<figure><img src="https://content.gitbook.com/content/5WlAIkq5Keo641r70Byr/blobs/KmjXKE36tu6qsYuG5Nee/image.png" alt=""><figcaption></figcaption></figure>

Here is the result: [Demo](https://umino-store-cgiscvoz.myshopify.com/products/square-textured-striped?preview_theme_id=158403461298)

<figure><img src="https://content.gitbook.com/content/5WlAIkq5Keo641r70Byr/blobs/GvqxFa7FuxXftdrS4zVm/image.png" alt=""><figcaption></figcaption></figure>