> ## Knowledge Base Index
> Fetch the complete knowledge base index at: https://help.optis.me/sitemap.xml
> Use this file to discover available pages before exploring further.
> Pure-Markdown content can be obtained by appending a '.md' suffix to the content URLs listed in the sitemap (without the trailing slash).

# Variant images on collection pages

1. [OPTIS Color Swatch](/swatch)
2. [Variant Images](/swatch/variant-images)

# 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.

Requires [Variant Images](/swatch/variant-images/show-images-per-variant) to be enabled and set up first — this setting extends it to collection cards.

## How to set it up

1. Make sure Variant Images is enabled and configured

See [Show Images per Variant](/swatch/variant-images/show-images-per-variant).

2. Go to the Variant Images page → turn on Variant images on collection page

3. Click Save

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.