> For the complete documentation index, see [llms.txt](https://docs.optis.me/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.optis.me/swatch/variant-images/variant-images-on-collection-pages.md).

# Variant images on collection pages

Bring the same variant-aware gallery from the product page to your **collection pages**. After a shopper picks a variant on a collection card, the card's image gallery updates to show only that variant's images — swiping stays inside that variant's set.

{% hint style="info" %}
Requires [Variant Images](/swatch/variant-images/show-images-per-variant.md) to be enabled and set up first — this setting extends it to collection cards.
{% endhint %}

## How to set it up

{% stepper %}
{% step %}

#### Make sure **Variant Images** is enabled and configured

See [Show Images per Variant](/swatch/variant-images/show-images-per-variant.md).
{% endstep %}

{% step %}

#### Go to the **Variant Images** page → turn on **Variant images on collection page**

{% endstep %}

{% step %}

#### Click **Save**

{% endstep %}
{% endstepper %}

Once enabled, selecting a variant on a collection card swaps the card's gallery to that variant's images, the same way it already works on the product page.