# 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>" %}


---

# Agent Instructions: Querying This Documentation

If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://webibazaar.gitbook.io/flute-documentation/collection-page.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.