# Change filter tree style

✨Want your filter sidebar to look more on-brand or visually appealing?\
You can customize the **Filter Tree Style** in just a few clicks using the settings in the **Smart Product Filter & Search** app.

For example:

* Vertical (Click [here ](https://demo-smart-product-filter-1.myshopify.com/collections/all)for a demo).

<figure><img src="https://2009335375-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FKmtdB4I84W3J8hc91H4S%2Fuploads%2F1ea0RDONkldQWEAZKI1a%2Fimage.png?alt=media&#x26;token=5b556a26-3eb4-4c15-aea7-4ea0cafbb179" alt=""><figcaption></figcaption></figure>

* Horizontal (Click [here](https://demo-smart-product-filter-2.myshopify.com/collections/all) for a demo).

<figure><img src="https://2009335375-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FKmtdB4I84W3J8hc91H4S%2Fuploads%2FerenrWjWNqBEOzFvwJDk%2Fimage.png?alt=media&#x26;token=64f8f37f-1b28-4119-8038-1cf66ff0776d" alt=""><figcaption></figcaption></figure>

* Off-canvas (Click [here](https://demo-smart-product-filter-3.myshopify.com/collections/all) for a demo).<br>

<figure><img src="https://2009335375-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FKmtdB4I84W3J8hc91H4S%2Fuploads%2FYeIjIjgJJAFEL6g60aNk%2Fimage.png?alt=media&#x26;token=08e697e1-d939-495c-a8b0-53ddb82c0d2d" alt=""><figcaption></figcaption></figure>

### ✅ Step-by-Step: Change Filter Tree Style

1. From your Shopify admin, go to the **Smart Product Filter & Search** app.
2. Navigate to **Filter > Filter Tree**
3. Under the **Filter Layout** section, choose a suitable filter sidebar layout with your Shopify store.\
   🖱️ Click on a style to preview it instantly.
4. After selecting a style, scroll up and click **Save** to apply it to your store.

<figure><img src="https://2009335375-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FKmtdB4I84W3J8hc91H4S%2Fuploads%2FpTNXjLVy6VkWr53kXM9k%2F2025-04-17_16-52-39.png?alt=media&#x26;token=bc7bdfd8-5898-4cfe-9cf2-f9e7ae75e39f" alt=""><figcaption></figcaption></figure>

### 💬 Need Help?

If you have any questions or need support customizing the filter layout,\
just email us at: **📩 <contact@globosoftware.net>**
