---
title: How to display color variant media gallery?
description: "To show only selected variant images in Shopify, follow these professional steps: **Step 1 :** ``` Go to Store Admin –> Settings –> Metafields and metaobjects –> Click Products -> Click on “Add definition ``` Add product definition as below…"
url: "https://www.adornthemes.com/knowledge-base/how-to-display-color-variant-media-gallery/"
updated: "2026-02-22"
category: Product Page
---

# How to display color variant media gallery?

To show only selected variant images in Shopify, follow these professional steps:

**Step 1 :**

```
Go to Store Admin –> Settings –> Metafields and metaobjects –> Click Products -> Click on “Add definition
```

Add product definition as below and click save

![Avone theme - media gallery group](https://adornthemes.com/wp-content/uploads/2024/08/color-group1.webp)

**Step 2 :**

Now go to products -> select product -> scroll down to metafields " Color Group". **Select True and click save**

**Step 3 :**

Now click on product images one bye one and add color name as Image Alt text and click save.

![Set alt text to each variant images](https://adornthemes.com/wp-content/uploads/2024/08/color-group2.png)

![color-group3](https://adornthemes.com/wp-content/uploads/2024/08/color-group3.png)

Now you can see product variant gallery on product page. See [example page](https://avon-demo.myshopify.com/collections/women/products/innerbloom-puffer-jacket?preview_theme_id=120669765699).