Shopify themes, liquid, logos, and UX
HI folks,
this may be solved already. Indeed, I've seen it solved on other sites. Here's an example.
Problem
If I have a collection for "Red Wines", then within that, if I select "France" from the filter in that collection, I still get regions or grapes which don't apply to France.
Now, Shopify doesn't have a hierarchy of tags, as far as I can see.
Design intent
So, in picking France, I should only see filters for French regions (others shouldn't display).
How do I best go about this? Is it moving to collections rather than tags for filtering on product lists?
Hello @larryvee
Welcome to the Shopify Community!
This is Jay here from Oakleaf Infoway. We would love to help you with the filters of the product and make it run seamlessly within the hierarchy
Here I am a registered partner with Shopify and having more than 5 years of experience and we have expertise in Shopify customization, Desing Enhancement. Small tweaks, Store development, Third-Party app configuration, and many more.
Please add me over skype for instant communication.
Skype ID- live:.cid.2ca82125d1edaa5f
Email ID: jay@oakleafinfoway.com
Thanks Jay, as we're only getting started, we're cash-strapped until we have the basics working so I'm looking for a technical tips that I can implement myself.
A friend has suggested an app that could help us solve the issue, if I can't do it myself.
In your example, it's using this app to build the filter: https://apps.shopify.com/product-filter-search
So if you are not familiar with code, you should use that app.
If you're familiar with code or trying to do this your self:
On your screenshot I see you already have the filter showing. If you make that without using any app and only customize the default filter-by-tag function of Shopify, after filtering by a tag, it will point to a sub page/URL of current collection.
Eg: on collection-wine when clicking on tag-france it will redirect to collection-wine/tag-france
So on that sub page, you can check the variable collection.all_tags. It will contains all tag that belongs to products on that sub collection.
After that you can check each tag on the Grape list compare with collection.all_tags then hide the tag if collection.all_tags doesn't contain it.
Hi @larryvee
You can refer to Shopify tutorial for filter by product tag https://shopify.dev/tutorials/customize-theme-filter-collections-with-product-tags. However, it’s not possible to apply more than one filter within the same group. You can try some third party filter app such as Collection Filter & Search Bar, Filters & Instant Search to set up dynamic product filtering that shows the relevant filters based on the viewing products.
Portrait of Stephen positioned next to an image of planet Earth, with the Stephen's World ...
By JasonH Mar 18, 2024Digital marketers and app developers have tracked activity in apps and websites for yea...
By Ollie Mar 13, 2024February was an exciting month with Shopify Editions, informative webinars, and more! F...
By JasonH Mar 7, 2024