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

# Collection Page

{% embed url="<https://salesiq.zohopublic.in/signaturesupport.ls?widgetcode=siq93f38201da244cbe219b2cab71813c85342abc57dd769c6885e2bde57d2b90da>" %}

## Collection page filter <a href="#collectionfilter" id="collectionfilter"></a>

Here's an overview of how to set up filters in the sidebar of your **Collection page** when using the OS 2.0 version.

Here's an example showing a collection page sidebar.

### **Add filters to your collection page**

Follow the below steps to select which product filters you want to display.

1. To add a filter to the Collection page, go to Online Store > Navigation > Collection and search filters > Open.

<figure><img src="/files/UGhUdRUNuaes6rZMSH9v" alt=""><figcaption></figcaption></figure>

<figure><img src="/files/ZMBfI7iIPYzGsGUR9JXU" alt=""><figcaption></figcaption></figure>

<figure><img src="/files/ZtZn8EXGxVlLr228hE9b" alt=""><figcaption></figcaption></figure>

2. Check the box for any filters you want to display on the collection page. If you want to display product variant options (according to your store’s already existing product variants), then select Product options and you will be able to select which ones you want to display.

<figure><img src="/files/pN1sUby2BVN5WvXvOkej" alt=""><figcaption></figcaption></figure>

3. Check the relevant boxes, and select Done and Save to ensure the implementation of the changes is done before l leaving the area of the Shopify Admin. After selecting which filters you want to display in your collection page’s sidebar, you now need to return to the theme editor to set the collection page to display them on your store.

## **Display the filter in a sidebar**

1. Open theme editor.
2. Select **Collections** > **Default collection**.

<figure><img src="/files/IuQgbJEMTtBn5iFFmlFV" alt=""><figcaption></figcaption></figure>

3. After opening "**Default collection**", Check "**Enable filtering**" Option.

<figure><img src="/files/iHNcBXrHjiIvy4joX0HI" alt=""><figcaption></figcaption></figure>

4. Select "**Save**" and ensure that your changes have taken effect before leaving the theme editor.

### **Collection page customization**

{% embed url="<https://youtu.be/TpUm0HtxaUk>" %}