Add Collections menu to the product filter area

Shopify Discussion
1

Hi Everyone

Good day to y’all.

I was wondering how to add a collections list to the filter area of the collection template. Something like below.

Also, is it possible to add tags to the filter area?

Screenshot 2025-06-12 082814.png
Screenshot 2025-06-12 082814.png475×519 66.6 KB

Awaiting a favorable response

Best Regards

2

You can try the Shopify search and discovery app. It gives you some flexibility to filter products on your requirements.

3

Hi Shadab

Thanks for the reply, already installed that app. it doesn’t have options to add collections

Best Regards

4

Then may be we can do this with code. To render all collections in the store and then display products according to the collection selected.

5

Hello @wkhasintha !

Yes, you can absolutely add a collections list and tags as filter options in the sidebar (filter area) of your collection template in Shopify. Here’s how to do both:

1. Add a Collections List to the Filter Sidebar

You’ll be modifying your collection page layout (typically collection.liquid, or a section like collection-sidebar.liquid, or main-collection.liquid in OS2.0 themes).

:wrench: Steps:1. Go to Online Store > Themes > Actions > Edit Code

  1. Open the sidebar or collection section file:

    • Usually something like:

      • sections/collection-sidebar.liquid

      • snippets/sidebar-collection.liquid

  2. Insert this code where you want the collections list to appear:

    1. Shop by Collection

  3. If you want to only show specific collections, you can filter them by a handle or by creating a custom menu and use that instead.

2. Add Tags to the Filter Sidebar

Tags are super common for filtering, especially if you’re not using Shopify’s built-in faceted filters (Shopify Search & Discovery app).

:wrench: Steps:1. Still in the same collection-sidebar or collection section/snippet, add:

  1. {% if collection.all_tags.size > 0 %}

    Filter by Tags

      {% for tag in collection.all_tags %}
    • {% if current_tags contains tag %} {{ tag }} {% else %} {{ tag }} {% endif %}
      • {% endfor %}
    {% endif %}

If this reply was useful to you, we would really appreciate it if you gave us a LIKE and mark the issue as SOLVED!