> For the complete documentation index, see [llms.txt](https://docs.globo.io/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.globo.io/product-variant-swatch/display-on-collection-page-home-page-and-other-pages/enable-carousel-style-for-options-on-collection-page.md).

# Enable carousel style for options on collection page

If your products have many variant values, displaying all of them on collection pages may take up too much space.

The Carousel feature allows customers to scroll through variant options while keeping product cards clean and organized.

### How to Set Up

1. Open the **Appearance** page in the app.
2. Select any swatch style and click **Set Up**.

   > Note: Carousel settings apply to all swatch styles on collection pages - except dropdown style.
3. Open the **On Collection Page** tab.
4. Enable **Carousel**.
5. Click **Save**.

<figure><img src="/files/P0OK9uqPJfCdzwv41oKU" alt=""><figcaption></figcaption></figure>

<figure><img src="/files/waCdGZqPFfBFPiI3hxet" alt=""><figcaption></figcaption></figure>

### <mark style="color:purple;">Result</mark>

Variant options will be displayed in a scrollable row, helping you save space and maintain a cleaner collection page layout.

<figure><img src="/files/QfBtbsWHpYI5vTWIJYzZ" alt="" width="563"><figcaption><p>Before enable carousel on collection page</p></figcaption></figure>

<figure><img src="/files/BDOhbv9w0QxZxVMHoO7r" alt="" width="563"><figcaption><p>After enable carousel on collection page</p></figcaption></figure>

***

**💬 Need help?**

Email us at **📧 <contact@globo.io>** - we’re happy to assist!