# Filter Tab

{% hint style="info" %}
**Theme settings -> Filter tab**
{% endhint %}

To display the checkbox as a button, separate the tabs with a comma. Works with filters on the collection page and search page.

The **Tabs** input field allows you to toggle between displaying filters as checkboxes or buttons. Please provide the product variant name used in the admin to modify the filter item type.

<figure><img src="https://1734026102-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FKXAimBJFhRJImV3lJL36%2Fuploads%2FBc9UtuFT7b1zAZow5263%2Fts_f_tabs.png?alt=media&#x26;token=accb5c33-d80b-4746-990d-56cb6e1dfa14" alt=""><figcaption></figcaption></figure>

Separate tabs with comma. Try not use spaces after and before commas

***

## Colors

Color Text: Display text in color through filters. Can be used as a tooltip or hidden.

***

## Image

**Image hover effect**

To disable any effects choose the **Hide** option.

**Image ratio**

The option allows you to adjust the width-to-height proportion of an image. The Wokiee theme provides seven options to fit your image to the desired size: **Auto**, **Portrait (3:4)**, **Landscape (4:3)**, **Square (1:1)**, **Round (1:1)**.

**Image grid**&#x20;

The option is used to set the number of filters per row. Hit button **2, 3** or **4** to apply the desired parameter.

**Image text**&#x20;

The picker, set the text visibility of the custom filters. To display the text, activate one of the options: **Show** or **Show in center**. To remove the text, press the **Hide** option.
