Table of Contents
I would like to have only one product tag selectable at a time when filtering a collection. How do I set this up? (Shopify Classic Admin)
I would like only one product tag to be selected at a time when viewing my collections. When a shopper selects a new product tag, I want the old one to be deselected, in other words. Is that possible?
You don't want to end up with the situation that is shown on the left:
Yes, it's possible. You will need to make a very small edit to your Shopify Theme for this.
In your shop admin, go to Themes → Template Editor. On the Template Editor page, look for the template collection.liquid on the left under Templates. Once you have located your collection template, click on it to open it in the online code editor. That's the file we need to edit. Click anywhere in the file to give it focus, then use Ctrl-F on the PC or Command-F on the Mac to find this piece of code:
{{ tag | link_to_add_tag: tag }}
Remove the _add part so that the code becomes:
{{ tag | link_to_tag: tag }}
That's it. Save your template.
Are you afraid of messing something up? Don't like to edit code? No problem! Contact our design gurus using the email address designguru AT shopify DOT com, tell them what you need, and a design guru will make the edit for you.
When customers filter a collection, I want only one product-tag to be selectable at a time. How do I set this up? (Shopify Admin 2)
If a customer is filtering a collection on your storefront, and picks two or more product tags, if you don't have product variants that are listed under both tags, the filter will come up empty. And you don't want that!
Luckily, it is possible to set up your storefront so that only one product tag can be selected at a time. You will need to make a very small edit to your Shopify Theme for this.
Log in to your shop admin and go to Themes tab. You will be taken to your storefront, and the Theme sidebar will pop up on the right.
Click on the Theme Editor button. You will be taken to the Theme Editor page.
On the Theme Editor page, look for the template collection.liquid on the left under Templates.
Once you have located your collection template, click on it to open it in the online code editor. That's the file we need to edit. Click anywhere in the file to give it focus, then use Ctrl-F on the PC or Command-F on the Mac to find this piece of code:
{{ tag | link_to_add_tag: tag }}
Remove the _add part so that the code becomes:
{{ tag | link_to_tag: tag }}
Save your template.
And that's it! Now only one product tag can be selected at the same time.
Are you afraid of messing something up? Don't like to edit code? No problem! Contact our design gurus using by email, tell them what you need, and a design guru will make the edit for you.
