> 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/limit-number-of-swatches-displayed-on-collection-page.md).

# Limit number of swatches displayed on Collection Page

If your products have a large number of variant options, displaying all of them on collection pages can make product cards look crowded.

In addition to using the Carousel feature, you can limit the number of swatches displayed for each product.

### How to Set Up

1. Open the **GLO Color Swatch** app.
2. Go to the **Settings** page.
3. Enable **Limit Swatches on Collection Page**.
4. Enter the maximum number of swatches to display on **desktop**.
5. Enter the maximum number of swatches to display on **mobile devices**.
6. Click **Save**.

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

### Result

Only the specified number of swatches will be displayed on collection pages, helping keep your product cards clean and organized, especially for products with many variant options.

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

***

**💬 Need help?**

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