> 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-display/common-questions/can-i-show-swatch-on-collection-page.md).

# Can I show swatch on collection page

Yes.

OPTIS Color Swatch allows you to display product variant options (like swatches, buttons, or dropdowns) directly on your **collection pages**, so customers can select a variant without opening the product page.

<figure><img src="/files/hqhngt5GxfhMlnbmtjsR" alt="Variant swatches shown on a collection page"><figcaption></figcaption></figure>

#### **✅ To enable swatches on the collection page:** <a href="#id-3-to-enable-swatches-on-the-collection-page" id="id-3-to-enable-swatches-on-the-collection-page"></a>

1. Go to the **“Configure Variants”** page in OPTIS Color Swatch
2. Find the row corresponding to the option you want to show (e.g., Color, Size)
3. In the **“Show on Collection Page”** column, **toggle ON** the switch

<figure><img src="/files/xMGFDBFfLy5sQdumD10G" alt="Show on Collection Page toggle in the Configure Variants table"><figcaption></figcaption></figure>

4. Click **Save** to apply the changes

#### **Note:** <a href="#id-3-note" id="id-3-note"></a>

* The feature might not work with custom or heavily customized themes out of the box.
* If your theme isn’t supported yet, you can contact our support team, we’ll help with manual setup or theme integration.