# Dynamic variant images

Enabling "Show selected variant images only" will update your product pages to only show images assigned to each variant. This is useful if you have products that are visually different. Using this will help show customers which variant they have selected. For example if you have a shirt in blue and red - you can show only the red product photos when customers have selected red.

***

### Navigate to the product template <a href="#h_bd3747789e" id="h_bd3747789e"></a>

1. Go to **Online Store** > **Themes** > **Customize**
2. From the dropdown in the center of the top bar select **Products** > **Default product**
3. In **Theme sections** select **Product main**
4. Scroll down and toggle on **Show selected variant images only**

***

### Order your images <a href="#h_3660d186b1" id="h_3660d186b1"></a>

{% hint style="info" %}
Images must be ordered depending on their variants to ensure they are correctly shown when customers change their selection.
{% endhint %}

1. In your Admin, navigate to your Products
2. Upload all images under media in your product settings
3. Ensure the images are sorted in the same order as your variants
4. Assign featured images to each variant that match the first image.
   * The below image will help illustrate how to achieve this.

<div align="left"><figure><img src="https://downloads.intercomcdn.com/i/o/1199111437/9087463c15b310aa77b99f73/Poster%2B-C2-B7%2BProducts%2B-C2-B7%2BBig%2BTote%2B-C2-B7%2BShopify%2B2023-09-06%2B17-32-57.png?expires=1744682400&#x26;signature=dd43a5947eadd3d59a74e56eff20fe252279e325718ec1d77b9cd329e196f06e&#x26;req=dSEuH8h%2FnIVcXvMW1HO4zbU7h%2BpLK%2BDDYKqzdz5v%2BClfFHjA%2FDMSkvnX%2FIpN%0AkZFGLHPiXFILbqaBO9Q%3D%0A" alt="" width="375"><figcaption></figcaption></figure></div>


---

# Agent Instructions: Querying This Documentation

If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://help.brickspacelab.com/keystone/guides/products/product-variant-images.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.
