---
title: Collection Main
description: "Manage collection page products filters and products grid style from this section. **✅Steps :** - In the theme editor, Choose **Default Collection** from top dropdown menu. - Click on **Collection Main** Section, - Make necessary change and click Save ##…"
url: "https://www.adornthemes.com/knowledge-base/collection-main/"
updated: "2026-04-29"
category: Collection Page
---

# Collection Main

Manage collection page products filters and products grid style from this section.

  **✅Steps :**

- In the theme editor, Choose **Default Collection** from top dropdown menu.
- Click on **Collection Main** Section,
- Make necessary change and click Save

## **Sidebar & Product Filters**

Mouse hover within section to **Add block** in sidebar

- **Categories**Block - Add to display collection list.
- **Products Block** - Add to display list of popular, trending, top rated or best seller products.
- **Image Banner** Block - Add to display promotion banner.
- **Static Text**Block - Add to display some information about your store or to leave some special note for buyers.
- **Dynamic Filters** Block - Add to display products filters. Customers can filter their products by availability, product types, product vendors and Variant options(colors, size, height..)to find the products that interest them the most.

**Steps to follow to add PRODUCT FILTERS**

  **✅Steps :**

- First install [**Search & Discovery**](https://apps.shopify.com/search-and-discovery) Shopify app on your store.
- Now go to apps, click **Search & Discovery** app.
- Click on **Filters -> Click Add Filter** button.

  [![FILTER1](https://adornthemes.com/wp-content/uploads/2025/04/FILTER1.png)](https://adornthemes.com/wp-content/uploads/2025/04/FILTER1.png)

Now click on **Source box and**select all filter options that you would like to add for products filters and click save.

![](https://adornthemes.gitbook.io/~gitbook/image?url=https%3A%2F%2F1708375644-files.gitbook.io%2F%7E%2Ffiles%2Fv0%2Fb%2Fgitbook-x-prod.appspot.com%2Fo%2Fspaces%252FrsFZ0qmgr873lDxCKvMZ%252Fuploads%252Fd7zQOgfiEWyASDWc5iMr%252Fproduct-filter2.jpg%3Falt%3Dmedia%26token%3D6f2a64fc-2c17-4d27-aaa8-1e7802142c70&width=768&dpr=1&quality=100&sign=213fc8e4&sv=2)

Click dots and drag & drop to**rearrange filter position** and click save.

![](https://adornthemes.gitbook.io/~gitbook/image?url=https%3A%2F%2F1708375644-files.gitbook.io%2F%7E%2Ffiles%2Fv0%2Fb%2Fgitbook-x-prod.appspot.com%2Fo%2Fspaces%252FrsFZ0qmgr873lDxCKvMZ%252Fuploads%252FCt2OVAsry2aMzSXSXGbw%252Fproduct-filter3.jpg%3Falt%3Dmedia%26token%3D8f0d4d9b-4e31-4312-87e2-d8bd0d14ae1f&width=768&dpr=1&quality=100&sign=76bbe26e&sv=2)

Go to theme customize -> select **Default collection** -> click **Collection Main ->**Click **Add Block**. Add**Dynamic Filters Block.**

 [![FILTER2](https://adornthemes.com/wp-content/uploads/2025/04/FILTER2.png)](https://adornthemes.com/wp-content/uploads/2025/04/FILTER2.png)

Manage Products filters position and style from section.

![FILTER3](https://adornthemes.com/wp-content/uploads/2025/04/FILTER3.jpg)

Watch Reference Video.

[How to display product filters | Collection Page | Vogal Shopify theme](https://www.youtube.com/embed/w9h6fIQ5GQQ?feature=oembed&enablejsapi=1)

## **Products List**

Manage products look, toolbar and section style from main section.

![main-collection](https://adornthemes.com/wp-content/uploads/2025/04/main-collection.jpg)