Shopify Collection List inquiry - different collection list per menu

Store Design
, , ,
1

Have a question regarding Shopify’s collection list feature in the page template. It is the same collection no matter which page I go to on the website customization and would like to have my collection list featuring different sub categories under TOPS, DRESSES, BOTTOMS, etc. I am wondering if we can do something like this:

beulah_0-1747070870743.png
beulah_0-1747070870743.png1869×782 186 KB

And when we click on TOPS, the subcategory collection looks like this:

beulah_2-1747070900592.png
beulah_2-1747070900592.png1560×691 152 KB

Thank you.

2

Hello! Appreciate the response, although I’m afraid the collection list feature is still present on all the apparel menus no matter which ones I click on and does not change. If I try the specific collection of various dress sub-categories on the Dress menu, then they show up as well under TOPS & BOTTOMS.

3

Hi there :waving_hand:

Great question! What you’re trying to do—show a different set of collections (like TOPS, DRESSES, BOTTOMS, etc.) on different pages—is definitely possible, but it requires a slight adjustment to how Shopify’s collection list sections work in the theme editor.

By default, Shopify uses “static” collection list sections, meaning if you add a collection list to a custom page, it shows the same content across all pages using that template. Here’s how to make them different:

:hammer_and_wrench: Option 1: Use Custom Page Templates

To have different collection lists on different pages, you’ll need to create unique page templates in your theme:

Steps:1. Go to: Online Store → Themes → … → Edit Code

  1. Under Templates, click Add a new template → Page → JSON

  2. Name it something like:
    page.tops.json, page.dresses.json, etc.

  3. In each template, include a custom section that lets you choose different collections

Then:

  • Create separate Pages in the admin (Pages → Add Page)

  • Assign each one its matching custom template

  • Customize the content per page using the theme editor

Result:

Each page (e.g., /tops, /dresses) will show a different set of collections or products, all managed visually through the editor.

Let me know which theme you’re using (like Dawn, Refresh, etc.), and I can guide you with a specific example or help write the code for a custom section. :blush:

4

Hello! Thank you for taking the time to respond :slightly_smiling_face:

I’m using the Agile theme - gorde for the customization. I’ll get onto the suggestions and see if they work.