Filter by Tag in Dawn Theme

Laurie_ONeill
Shopify Partner
74 0 50

I've been playing around with Dawn theme and am so confused because it doesn't seem to have any built in way to sort a collection by tag...the filter on the collection page only has the options of sorting by product type, price, vendor, and availability. Every Shopify theme I've ever worked with has the ability to sort products by tag built into it somewhere and this is a feature I need on every site I am working on as I need to be able to filter by custom categories such as 'Occasion', etc. Do I have to figure out how to code this in myself? Or am I just missing something? Thanks in advance!

Replies 60 (60)
hardik355
Shopify Partner
208 19 28

Hi 

Sorry for facing issue. Dawn theme provide filter. Go to online store -> Navigation there is section filter you can add tag. I attached image. 

https://shopify.dev/themes/navigation-search/filtering

Screenshot from 2021-08-03 09-22-54.png

 

 

If helpful then please Like and Accept Solution.
Shopify theme and app developer.
Skype: live:hardikradadiya355
Thanks

If helpful then please Like and Accept Solution.
For App Development and Design changes Hire Me.
Skype: live:hardikradadiya355
Thanks
Laurie_ONeill
Shopify Partner
74 0 50

Hi, Thank you for your reply. I see the filter part of the navigation section, but the only options I see there are to filter by availability, price, product type, vendor/brand, or product options. I do not see tag as a choice there! I have a gift store that I need to be able to filter by specific categories like Occasion, Party theme, etc. that I currently have been using tags for in my old theme. I've attached a screenshot of what I see on that page...I do not see a way to add filter by tag!

hardik355
Shopify Partner
208 19 28

Hi 

 

If helpful then please Like and Accept Solution.
For App Development and Design changes Hire Me.
Skype: live:hardikradadiya355
Thanks
Laurie_ONeill
Shopify Partner
74 0 50

I'm sorry, I am still confused. I am using the version of Dawn that I got through my development store about a week ago, I'm not sure how to get a different version of it? And the screenshot and link you sent just show how to filter by price, product type, vendor, availability, and product options. Those are not what I am trying to filter by. I am trying to filter by the tags that I have added to the products, such as Occasion, party theme, etc. All previous themes have been able to filter by tags but I am still not seeing that option anywhere!

bredowmax
Shopify Partner
81 1 103

Hi @Laurie_ONeill, so yeah, above given information was inaccurate - Shopify seems to have silently killed off 'filter by tag' - at least in the way of being exposed to the UI. Tag filtering still exists but only by URL: https://shopify.dev/themes/navigation-search/filtering/tag-filtering

 

Personally, I'm hoping very much for filtering by Metafields (at least the true/false one) to launch soon, but in the meantime, it's frustrating to go into this with the mindset of "Shopify OS 2.0 is an upgrade" but then hitting several roadblocks where it's actually a downgrade.

Laurie_ONeill
Shopify Partner
74 0 50

THANK YOU for understanding what I was asking and acknowledging that this is a problem!! I guess this answers my question that I will go ahead and use Debut theme as a base instead of Dawn for the site I'm working on now...I was thinking newer was better, but definitely not if they are doing away with filtering by tag as that is pretty much the whole reason I chose Shopify many years ago to begin with as I have very complicated products with a lot of options that need tags to sort them out. Like you said, I hope they eventually add filter by metatag, that would solve the problem. Thanks so much for letting me know I'm not just missing something here!

TILTIL
Tourist
4 0 10

One thing I don’t understand is how can I filter products by color if my products don’t have variants in color, only in size? I can’t add a color to a product to filter on without an option like add a tag/metafield?

seb87
Shopify Partner
18 0 16

I also play around with the Dawm Theme and it works great. The only problem I have was the missing feature about filter by tag or filter by metafields.

We sell wine and need the possibility to filter this by grape variety, winery or country. At the moment the shop looks like this: https://imgur.com/a/6KuLdsa

In our old theme and shop we use the Smart Product Filter & Search from Globo

https://imgur.com/a/ahJFvgo

The App and support is great but with install such a huge App we got a lot of problems. They need a lot of javascript and they use their own product liquid file to display the product in collection. So we have a lot of struggle with customize this template. I think it is not the best solution to have different product templates in different files.

https://imgur.com/a/bFnuv1x

i think it can't be in the interest of shopify to install such apps and thus destroy the whole performance of the new theme. especially not when i read such news here: https://ux.shopify.com/next-generation-theme-design-5aae94f6d44c

 

Ist there any method to customize the dawn theme and add this functionality in my theme? When it is possible to filter by url then we only need the javascript functionality.

https://imgur.com/a/pBpXPUh

 

 

 

 

mattnz
Tourist
8 0 19

I am in the same situation. Bit annoying 

mattnz
Tourist
8 0 19

Would anyone have a method to add tag filtering via coding for Dawn 2.0 ? Step by step?

 

alyasghar83
New Member
1 0 0

We are a company providing all types of web solutions for any CMS-based website.

seb87
Shopify Partner
18 0 16

great 🙂 Can you provide a performant solution for us. We want to switch to the performent Dawn Theme but Shopify ignore us 😄

seb87
Shopify Partner
18 0 16

Now we have install the Boostcommerce App because they support the new Dawn Theme. I think this is the best solution at the moment:

Bildschirmfoto 2021-09-09 um 15.55.49.png

Laurie_ONeill
Shopify Partner
74 0 50

I do not want to have to pay for an app or fancy theme or pay someone to custom code something that has always been a basic feature of Shopify. I need to use it on multiple stores and cannot afford that.  I hope that someone who figures this out will share the code here so that we can all implement it ourselves. I know that if I figure it out I will share how to do it, I hope others will do the same.

mattnz
Tourist
8 0 19

I am like you Laurie, I don't want to have to pay for a monthly fee. That is why I moved to Affinity photo instead of Photoshop.

I would be ready for a one off payment, but I agree with you why having to pay for something that is already existing and just need to be turned on or implemented by Shopify doesn't make sense.

mattnz
Tourist
8 0 19

Hi Laurie,

 

Have you had any luck trying to sort out the Filter by Tag?

 

Cheers 

Matt

Laurie_ONeill
Shopify Partner
74 0 50

Not yet, unfortunately. It looks like it probably requires Javascript. I think the parts that have the code we need are located in 

collection-filters-form.js

Under the Assets section in "edit code". But I don't know Javascript so all that looks like greek to me!

That js part is called on in the section called 

main-collection-product-grid

Don't know if it's possible to add some other kind of dropdown there for the tag filter just using Liquid. I'm afraid all this is way beyond my ability as I usually just make small changes to existing code and don't really know what I'm doing but muddle my way through until it does what I want! Any actual coders out here who could figure this out??

Ikonity
New Member
2 0 2

Dear Shopify Team, 

 

I just played around a little bit with Tag Filtering it is working when using it like this:

<shopurl>/collections/<collection_name>/<tag>+<tag>


But not when using it with the Standard Filter Query than the Tags are ignored:

<shopurl>/collections/<collection_name>/<tag>+<tag>?filter.v.price.gte=&filter.v.price.lte=&filter.p.vendor=12DAG&sort_by=best-selling

 

Do you have any Solution for this?

I also tried it with the old parameters like ?constraint=<tag> or  ?f=<tag> .


It would be great if you can add support to Tag filtering again!

 

All The Best

Matthias

bredowmax
Shopify Partner
81 1 103

For now, my workaround is to use the new Product Option filters (may need some work on updating your inventory), and if tags are still needed, include them inside Automated Collection definitions. Still not perfect, but it covers majority of use cases.

 

I’m very hopeful that Shopify will fix this issue by allowing Metafield filtering by end of the year… then I don’t care anymore about tag filters