# Collection Page

## 1. Setup

{% embed url="<https://files.gitbook.com/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FjRi1aohY8I4BPjjvC9cH%2Fuploads%2FSl64Fl7SiJubSiugCYds%2FCollection%20Page.mp4?alt=media&token=4d483218-8b92-4c9d-b66c-8aa0719b47b1>" %}

To install **"Collection page"** section in our app. You can follow these steps and the images below:

1. From our app, click **Library**.
2. In the **Sections** tab, search for the keyword **Collection Page.**
3. Click the **Install** button to install the Collection **Page** sections.

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

4. From the Shopify Editor sidebar, click **Add Section** in the **Template** tab.
5. Search for **Collection Page** section and click on it.

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

{% hint style="info" %}
"Collection page" section can only be added to the Collections page and cannot be added to other pages.
{% endhint %}

Once the installation is complete, you will see the **'Collection page'** interface as shown below.

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

## 2. FAQ

### 2.1. Assign template to collection

Go to your Shopify admin and navigate to **Products > Collections**. Edit the specific collection you want to change, and then update the **Theme template**. If you've already customized your theme's default collection template, you can keep it set to "**Default collection"**.

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

### 2.2. How to preview a template in different collections

1. Click the 'Change' text.
2. Select or search for the "Collection" you want to switch to.

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

### 2.3. Create and customize filters on the Collection page?

{% embed url="<https://www.youtube.com/watch?v=yhb6X5jRtfo>" %}

1. &#x20;Install ["Search & Discovery"](https://apps.shopify.com/search-and-discovery) app.

<figure><img src="/files/9mlJ4K2lQFkF3e2VwYg7" alt=""><figcaption></figcaption></figure>

2. Click **Filters**.
3. Click **Add Filters**. [Click here](https://help.shopify.com/en/manual/online-store/search-and-discovery/filters) to learn more about adding or customizing the option filter for your store.

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

4. Click the **Source** field, and then select a filter source that you want to make available to your customers.
5. In the **Filter label** field, enter your new label.
6. In the **Values** section, select the values that you want to group as a single filter value. You can use the search bar to find more filter values.
7. Click **Save**.

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

{% hint style="info" %}
If you haven't added a filter in the "Search & Discovery" app, the filter on the collection page will not appear.
{% endhint %}


---

# 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://docs.smind.io/sections/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.