# Advanced Search Filter

<figure><img src="https://2658914724-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FTsBtmFQxtPZrKf7veaAQ%2Fuploads%2FhFu7LIb5weAbabW70vai%2FScreenshot_96.png?alt=media&#x26;token=f0d7f9de-59b3-42f8-8add-8e04933fd9a0" alt=""><figcaption></figcaption></figure>

## General settings

<figure><img src="https://2658914724-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FTsBtmFQxtPZrKf7veaAQ%2Fuploads%2F4b1EfMRL8bhpZT2IiiwD%2FScreenshot_97.png?alt=media&#x26;token=e1c4c0d5-369f-4804-8045-f72fbde49ed6" alt=""><figcaption></figcaption></figure>

| Settinsg                      | Description                                                                                                                                                                                                                                                                                                                                                                                                                                                          |
| ----------------------------- | -------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
| **Collections**               | To search your entire store, leave it blank. "Also, the select box will appear if you select more than 1 collection."                                                                                                                                                                                                                                                                                                                                                |
| **Collections label**         | This is lable of colellection label                                                                                                                                                                                                                                                                                                                                                                                                                                  |
| **Collections tooltip**       | This is lable of colellection tooltip                                                                                                                                                                                                                                                                                                                                                                                                                                |
| **Show all collection**       | <p>If you enable it, you will see a new option in the collection pick box to search for products across the whole store. "It will appear if you select more than 1 collection."<br></p><p><img src="https://2658914724-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FTsBtmFQxtPZrKf7veaAQ%2Fuploads%2FGjaT242TrMIwWZNfn0Lj%2FScreenshot_98.png?alt=media&#x26;token=83d10654-c016-4ab0-8399-19e93067c61a" alt="" data-size="original"><br></p> |
| **Default collections label** | This is lable of colellection label                                                                                                                                                                                                                                                                                                                                                                                                                                  |
| **Padded container type**     | <ol><li>None</li><li>Small</li><li>Medium</li><li>Large</li></ol>                                                                                                                                                                                                                                                                                                                                                                                                    |
| Round corner                  | You can add **border radius** of the box.                                                                                                                                                                                                                                                                                                                                                                                                                            |
| Enable box shadow             | You can add a **box shadow**                                                                                                                                                                                                                                                                                                                                                                                                                                         |
| Make section full width       | You can display content in full-width or 2 columns.                                                                                                                                                                                                                                                                                                                                                                                                                  |
| Filter container color scheme | You can change color of the section.                                                                                                                                                                                                                                                                                                                                                                                                                                 |
| Enable transparent background | You can enable a transparent background when you add a background image (if you need to)                                                                                                                                                                                                                                                                                                                                                                             |

## Add Filter&#x20;

1. **Add a filter block**

<figure><img src="https://2658914724-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FTsBtmFQxtPZrKf7veaAQ%2Fuploads%2FpKzo0eC5g0nWU93MWhtN%2FScreenshot_99.png?alt=media&#x26;token=336b99e1-32c7-485a-b9fe-8cba4bfc0d88" alt=""><figcaption></figcaption></figure>

2. **Add Filter name**

<figure><img src="https://2658914724-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FTsBtmFQxtPZrKf7veaAQ%2Fuploads%2FoIWrKKMjkcQ2WuSMQ0aj%2FScreenshot_100.png?alt=media&#x26;token=26fbf204-11d4-4cfa-9684-dacde280ccbf" alt=""><figcaption></figcaption></figure>

{% hint style="danger" %}
**This must exactly match the name of the filter.** [**Learn more**](https://help.shopify.com/en/manual/online-store/search-and-discovery/filters)
{% endhint %}

<div><figure><img src="https://2658914724-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FTsBtmFQxtPZrKf7veaAQ%2Fuploads%2Fa5PfU7Gw3O1TOICuMvdg%2FScreenshot_101.png?alt=media&#x26;token=ffc5e6f2-516d-472f-a174-48c3aeb9e7e4" alt=""><figcaption></figcaption></figure> <figure><img src="https://2658914724-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FTsBtmFQxtPZrKf7veaAQ%2Fuploads%2FEvrGwL0bEBB2xhTt8oB5%2FScreenshot_102.png?alt=media&#x26;token=978fbb2a-84d6-4921-8545-dac798700038" alt=""><figcaption></figcaption></figure></div>

## Filter layout

<figure><img src="https://2658914724-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FTsBtmFQxtPZrKf7veaAQ%2Fuploads%2Fk2372i1KVjwlfBQeKVGq%2FScreenshot_103.png?alt=media&#x26;token=63199402-ecb7-4ea2-9abf-9bf3e54de475" alt=""><figcaption></figcaption></figure>

<figure><img src="https://content.gitbook.com/content/TsBtmFQxtPZrKf7veaAQ/blobs/yo5WGLibh3fkW45uPQjv/10.png" alt=""><figcaption></figcaption></figure>

## Section margin

<figure><img src="https://content.gitbook.com/content/TsBtmFQxtPZrKf7veaAQ/blobs/jaKpXTk13ef8e3e38CWP/11.png" alt=""><figcaption></figcaption></figure>

## Colors

<figure><img src="https://content.gitbook.com/content/TsBtmFQxtPZrKf7veaAQ/blobs/OX1pC3ctEqaKf0acBleB/13.png" alt=""><figcaption></figcaption></figure>
