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

# Collection Page

The Collection page in our app is a type of page that groups products based on specific attributes or criteria, making it easier for customers to browse and shop.

## 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="https://2195890312-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FjRi1aohY8I4BPjjvC9cH%2Fuploads%2FlSGYGNmrPvtldxwB4Pob%2FCollection%20Page%201.jpg?alt=media&amp;token=cace1deb-3d20-4e7b-b819-828f32b6cfbb" 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="https://2195890312-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FjRi1aohY8I4BPjjvC9cH%2Fuploads%2Fg7yINxELepy46llmKsUO%2FCollection%20Page%202.jpg?alt=media&amp;token=2b8d3a04-5b89-4797-83d1-f7bbc1d302ab" 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="https://2195890312-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FjRi1aohY8I4BPjjvC9cH%2Fuploads%2FeIm7aRTxpQOYeBriJ9W6%2FCollection%20Page%203.jpg?alt=media&amp;token=8eaf3280-e828-4cc8-9331-0ef3f72594e9" 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="https://2195890312-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FjRi1aohY8I4BPjjvC9cH%2Fuploads%2FzDh7hjYYB5n7uhh0PA2i%2Fimage.png?alt=media&amp;token=6ab21d8f-510a-47d2-9e6c-5bc7be0621db" 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="https://2195890312-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FjRi1aohY8I4BPjjvC9cH%2Fuploads%2FpywBhx8GahX2A5odOFFz%2FCollection%20Page%204.jpg?alt=media&amp;token=94efaf34-930b-486e-a85b-80e2da3d037e" 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="https://2195890312-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FjRi1aohY8I4BPjjvC9cH%2Fuploads%2FNZYPIUhvLQ3pR5rPqkPD%2FCollection%20Page%205.jpg?alt=media&amp;token=efb6109b-4f5c-42de-80f4-c8cc2e557eee" 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="https://2195890312-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FjRi1aohY8I4BPjjvC9cH%2Fuploads%2F0BcqK50EIEKHBiamZarJ%2FCollection%20Page%206.jpg?alt=media&amp;token=61cb4dbf-bd76-4753-afab-476b34ec9dde" 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="https://2195890312-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FjRi1aohY8I4BPjjvC9cH%2Fuploads%2FdAmpwb6xgNCPhDGEX0N8%2FCollection%20Page%207.jpg?alt=media&amp;token=315d0a8f-7e61-4df9-aa05-90ae2146e5ba" 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 %}