> For the complete documentation index, see [llms.txt](https://hoppn.gitbook.io/hoppn/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://hoppn.gitbook.io/hoppn/shopify/filtering-controls.md).

# Filtering Controls

### 📁 Add Category Filtering

For larger catalogs, it may be necessary to filter results by gender or product category.

Keep the filters extremely broad, as the color wheel works best with more products available. The searches are less likely to find a match if the results are filtered down too much. 

<figure><img src="https://2126935042-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FxmItwS2wSAk5Kd5hOust%2Fuploads%2FORqqmaIOkffEBdqpEpF1%2FCategory%20Filtering%20Example.png?alt=media&amp;token=626f9a18-b03d-40dc-8065-16db7f182582" alt=""><figcaption></figcaption></figure>

**Where to configure a category filter:**&#x20;

* Visit our App's "Settings" page and scroll to the "Navigation" section&#x20;

<figure><img src="https://2126935042-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FxmItwS2wSAk5Kd5hOust%2Fuploads%2Fhefc6wkQQP5HyHodkduF%2FCategory%20Filtering%20Settings-compressed.jpg?alt=media&amp;token=9f8e4d7c-3f1e-4104-8dfa-a8a8c42e20f8" alt=""><figcaption></figcaption></figure>

**Filter examples:**&#x20;

* Gender (Womens, Mens, Kids)
* Product (Apparel, Accessories, Home Decor)
* Brand (Nike, Adidas, Reebok)
* Material (Paper, Fabric, Leather)
* Orientation (Vertical, Horizontal)

**🚨 Notice:**&#x20;

* The category filters will **not** show up immediately. Please allow *up to one hour* for our system to import your category filters. Contact <support@hoppn.com> if you need help.&#x20;

### 🔗 Link to a Preselected Category&#x20;

*Example:* In your header, you can add a "Shop by Color" subcollection within your "Womens" collection, and link to the overlay with the "Womens" category filter preselected.&#x20;

**How to:**&#x20;

1. Open your "Shop by Color" overlay and select the category (Example: "Women")
2. Copy the entire URL after **/?Infinite...**&#x20;
3. Paste that URL in the hyperlink field&#x20;

### 🫥 Hide Products

There are two separate ways to exclude products from the overlay, depending on your personal workflow.&#x20;

1. Apply the `HOPPN_hide` product tag in Shopify. You can batch apply this tag to a collection. The tag is *not* case sensitive.

<figure><img src="https://2126935042-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FxmItwS2wSAk5Kd5hOust%2Fuploads%2FMoxAXkevmzoTwYMp9ZrG%2FHoppn%20Hide-compressed.jpg?alt=media&amp;token=2f49be2b-73b7-4423-9ff1-456b08f40919" alt=""><figcaption></figcaption></figure>

2. You may wish to hide every product with an already assigned tag. To do this, visit our App's "Settings" page and scroll to the "Advanced" section.

<figure><img src="https://2126935042-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FxmItwS2wSAk5Kd5hOust%2Fuploads%2FKfzsUOUBmwCwQ9gysDAj%2FHide%20Products-compressed.jpg?alt=media&amp;token=c1d3a2cc-8fd5-4e27-9be9-a06022978f3c" alt=""><figcaption></figcaption></figure>

**🚨 Notice:**&#x20;

* These tags will **not** immediately hide your products. Please allow *up to one hour* for our system to index your catalog. Contact <support@hoppn.com> if you need help.&#x20;