Filtering a collection with products tags

[poojafmile]

Hello,

Am trying to add filters to my collection pages, I have included these codes in my collection.liquid template file:

• {% assign tags = 'blue, black, white' | split: ',' %} Shop by color All {% for t in tags %} {% assign tag = t | strip %} {% if current_tags contains tag %} {{ tag }} {% elsif collection.all_tags contains tag %} {{ tag }} {% endif %} {% endfor %}
• {% assign tags = 'Small, Medium, Large' | split: ',' %} Shop by size All {% for t in tags %} {% assign tag = t | strip %} {% if current_tags contains tag %} {{ tag }} {% elsif collection.all_tags contains tag %} {{ tag }} {% endif %} {% endfor %}
• {% assign tags = 'Egyptian Cotton, Silk, Satin' | split: ',' %} Shop by material All {% for t in tags %} {% assign tag = t | strip %} {% if current_tags contains tag %} {{ tag }} {% elsif collection.all_tags contains tag %} {{ tag }} {% endif %} {% endfor %}

---

And this is the javascript i have added at the end of the file:

---

I can see the options:

But when am choosing the option blue, it is not working(nothing changes doesnt even refresh or anything) as the url is not being edited as required, but when i enter it manually to the url it works :
…/collections/fragrances/blue

Am thinking its because my collections url format are different, can someone please advise on how to correct it ?

Video reference am using: https://www.youtube.com/watch?v=9IJCKm9Titk&ab_channel=TripsterDevelopers

Thanks

[IttantaTech]

Hello , @poojafmile

Can you please provide your store url ?

[poojafmile]

@IttantaTech I have messaged you the url

[poojafmile]

@IttantaTech any update on this one please??