-
-
Save darryn/8047749 to your computer and use it in GitHub Desktop.
| {% if template contains 'collection' and collection.all_tags.size > 1 %} | |
| <!-- A recursive loop to catch and filter out the different tag categories --> | |
| {% assign c = 0 %} | |
| {% for t in collection.all_tags %} | |
| {% capture cat %}{{ cat }}{% capture temp_cat %}{% if t contains '_' %}{% assign cat_grp = t | split: '_' %}{{ cat_grp.first }}{% endif %}{% endcapture %}{% unless cat contains temp_cat %}{% if t contains '_' %}{% assign new_cat_grp = t | split: '_' %}{{ new_cat_grp.first }}{% endif %}{% unless forloop.last %}+{% endunless %}{% assign c = c | plus: 1 %}{% endunless %}{% endcapture %} | |
| {% endfor %} | |
| <!-- create array of tag categories --> | |
| {% assign cat_array = cat | split: '+' %} | |
| <!-- loop through tag categories --> | |
| {% for i in cat_array %} | |
| <!-- ignore if tag category is empty --> | |
| {% unless i == '' %} | |
| <h5>Filter by {{ i }}</h5> | |
| <ul class="nav"> | |
| <!-- loop through collection tags --> | |
| {% for t in collection.all_tags %} | |
| <!-- if tag contains the category title --> | |
| {% if t contains i %} | |
| <!-- strip out tag category prefix and add/remove link for tag filtering --> | |
| {% if current_tags contains t %} | |
| <li>{{ t | remove: i | remove: '_' | append: ' x' | link_to_remove_tag: t }}</li> | |
| {% else %} | |
| <li>{{ t | remove: i | remove: '_' | link_to_add_tag: t }}</li> | |
| {% endif %} | |
| {% endif %} | |
| {% endfor %} | |
| </ul> | |
| {% endunless %} | |
| {% endfor %} | |
| {% endif %} |
Hello,
I have a theme I really like but I really need to use a group filter. Supply make it but it not very nice. Where do I have to add this code please ? I tried in several places but it doesn't work
hi - this is a great snippet, I ended up making a few modifications to it so filters can be drilled down when clicked and also appear as check boxes.
Hi Darryn
Can I see it working on your website since I am not much a technical person to understand how this works.
Also, should I include the above code in the collection.liquid fie ?
Thanks
John
Hi John,
I've just added a video to the https://github.com/KeithBradley/Shopify_Collection_Filters repo to show how it works.
An example site using this is https://bertieandminnie.co.uk/collections/fragrance
Thanks
Keith
Thanks for this! Works just as described!