> For the complete documentation index, see [llms.txt](https://themedocs.zenit.design/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://themedocs.zenit.design/en/styling/category/filter.md).

# Filter

### Colors

![](https://2915610672-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F4i6VN0FeNAgRFLwVM2Cr%2Fuploads%2FynOTdRi5qCSXuto9Uwg2%2Fdocs-en-config-theme-category-filter-colors.png?alt=media\&token=59463fae-3454-4ed3-8335-bf8e99c87c4e)

Example:

![Horizontal display in the main content area](https://2915610672-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MCG4xkoMVXEQllVF5R9%2F-MH_JLrrem9GkOqevRP4%2F-MH_KU-ABmBza4yvUO3i%2Fdocs-front-kategorie-filter.png?alt=media\&token=1b47614c-846d-47a1-a92c-5b85c4c7cb17)

### Basic configuration

In the basic filter settings, in addition to general settings for the **typeface (1, 2, 3, 4)**, a **Expand / Collapse icon (5)** to open the filter and a **Filter options separator (6)** between the filter options can be selected. 

The option **Hide filter options without results (7)** reinforces the "Disable filter options without results" function already included in the Shopware standard. If active, the filter options without results are hidden.

{% hint style="info" %}
In order for this option to take effect, the "Disable filter options without results" option under *Settings > Products* must be active.
{% endhint %}

<figure><img src="https://2915610672-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F4i6VN0FeNAgRFLwVM2Cr%2Fuploads%2F4QSZXbghR4fFFC3akTiX%2Fdocs-en-config-theme-category-filter-basic-configuration.png?alt=media&amp;token=4738855e-88e6-490d-bac7-ee664d7a734a" alt=""><figcaption></figcaption></figure>

Example:

![Trennlinien zwischen den Optionen](https://2915610672-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MCG4xkoMVXEQllVF5R9%2F-MHX3zMPQJa_6D4mtJbj%2F-MHX4w_yaJKA0K1acoVS%2Fdocs-front-kategorie-filter-grundeinstellungen-trennlinien.png?alt=media\&token=3f961a5f-6464-49e5-9544-cc7a380855ce)

### Sidebar filter

The filter (in the sidebar only) can also be shown initially collapsed **(1)**. This makes the filters more visible and the filtering is easier for your customers. Thereby you can **limit (2)** how many filters should be displayed initially open.

{% hint style="info" %}
**Tip:** If you have a lot of filters, it can be advantageous to limit how many filters should be expanded directly.
{% endhint %}

![](https://2915610672-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F4i6VN0FeNAgRFLwVM2Cr%2Fuploads%2FT2eTW00tsqE5pnRZaB91%2Fdocs-en-config-theme-category-filter-sidebar-filter.png?alt=media\&token=e97d7822-3220-49bb-8b17-044038b4812b)

Example:

![Sidebar filter with folded out color filter](https://2915610672-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MCG4xkoMVXEQllVF5R9%2F-MHX1yDMOg-WZJ1aXaPS%2F-MHX2D2mQD2t_mtbGDoU%2Fdocs-front-kategorie-sidebar-filter.jpg?alt=media\&token=69fb5dfa-9fe1-49d1-a0d4-5e5ef32a5f6c)