Collection Filters in Shopify 2.0 - Full Tutorial & Concepts
ฝัง
- เผยแพร่เมื่อ 5 ส.ค. 2024
- Shopify 2.0 completely changed the way product filtering works. We now have a brand new Filters section in the Shopify dashboard. We can finally filter by Price, we can filter by product options like size or color. And we can create custom filters using metafields.
In Shopify 2.0 we are losing tag filters, and color filters are still a bit harder to do. And there are still reasons to use filtering apps despite the upgrades.
This video is a complete guide that will teach you everything about creating filters in Shopify, and introduce you to Shopify 2.0 metafields and creating custom filters using metafields.
FILTERING APP (Product Filter & Search) - apps.shopify.com/product-filt...
===== Other links =====
Shopify 2.0 playlist - • Shopify Concepts
Coaching Group - www.buymeacoffee.com/edcodes
===== Who am I? =====
Hey! My name is Eduard.
I teach the tech side of starting and running a Shopify store.
Im a professional web developer, but my goal is to make Shopify easy with simple and straight-to-the-point videos.
Visit my website: ed.codes
===== Stay Updated =====
Want to see my latest tips, tutorials, and code add-ons? TH-cam won’t always show you. Subscribe to get emails directly from me: ed.codes/pages/newsletter
===== Check out my Shopify Add-ons =====
edcodes.gumroad.com/
Pre-built sections & features for Shopify 2.0 themes, often replacing the need for apps. Copy and paste the code into your theme.
===== Join "Shopify DIY" Community on Discord =====
Chat with me and other store owners and developers:
ed.codes/community
===== My Favourite Apps & Themes =====
ed.codes/tools
===== Buy me a coffee =====
www.buymeacoffee.com/edcodes
===== Chapters =====
00:00 Intro
01:51 New vs old
04:11 No more tag filtering
05:11 Basic product properties filter
07:28 Product options filter
10:05 Custom metafields filters
16:30 Bulk editing metafields
20:23 Custom filters finished
21:32 Color filters
24:59 Filtering Apps
27:47 Coaching Group
#Shopify #Collection #Filters
I don’t understand how your channel hasn’t blown. This is literally gold!!
Thanks!
agree
Thank you for having empathy for the marketers who aren't that fluent in code yet.. You understand that and make an effort to make it easy to understand. I can't wait for your course!
Of all the videos I've seen on metafields this is by far the easiest to follow. Thanks
Hours last night in Shopify's documentation. Just 13 minutes of watching your video I figured it out. Thank you!
Ed, first of all - thank you very much! It is always so much more efficient watching a video tutorial rather than reading dull text boards from Shopify. Also, you have beautiful piercing eyes
I appreciate your videos deeply. I am struggling through setting up a new website on shopify and find their documentation horrendous. Your videos are a lifesaver. Thank you.
I spent a lot of time trying to figure out filtering my trading card product and you gave me the information I was searching for. Thank you for solving my issue and saving me more time. Thanks
You are a legend. Just love your explanations. I was scratching my head and couldn't work out how to do this. Now I can. So easy. Thank you so much!
Amazing. You are amazing! Thank you for allowing those of us who work from home, and do this all by ourselves, to have an in-depth understanding of how to develop our sites to function to their best capacity😊.
Thank you very much man! All your videos are PURE GOLD!!!
Thanks edd again for a great video as usual!!🙏
I’m in the process of building my new business site on Shopify and your videos have been so helpful. Thank you!
Best videos with shopify help. Really impressed. Thank you very much.
Kudos! So clear, so good. Couldn't find anything properly explained as in your video.
You are the best Ed. :) Thank you so much for the video.
What a fantastic video, thank you so much for your explanations. I have a very complicated tag filtering system and really didn't want to just buy an app, will give this a try. Thanks again
best explanation on meta fields ! thank you so much 😊
Thank you so much Ed, this tutorial was incredibly helpful and I would like to say that your voice and presentation skills are excellent, you are very easy to listen to and to follow. Thanks again 5************ :)
Fantastic video, thanks a lot Ed !
This video is so simple and easy to understand for someone who is not massively tech savvy! Thank you!! You’ve just saved my laptop from being thrown out the window😂
Gold information, thanks Ed!
Great tutorial and a great Channel. I've already subscribed to your channel, thanks a lot man!
Brilliant, thank you very much!
Life saver! Thanks for sharing!!
Your advice helped me make quick work of the daunting task of assigning metatags (or so I thought, before watching your video).
Super-helpful and organized guide -- thank you!
Great to hear!
Thanks for the video! Looking forward to color swatches tutorial on the Dawn theme!:)
Thank you so much for sharing a great video.
Filter settings have moved to Shopify Search & Discovery. I had to install the app. Once I did that, I was able to open the app and follow your video to turn on some filters, create some filters, and create some metadata fields. Very helpful, especially after the Shopify support articles left me feeling lost! Thank you
In Online Store > Navigation > Collections and search filters, there is this message: "Filter settings and new features like product boosts and recommendations are now available in the Shopify Search & Discovery app. Make changes to these settings in the app."
You saved my time. Thank you boss.
Great Video, THX!
EXCELLENT VIDEO THANK YOU!
This is very helpful, thank you! I would love to see a video specifically on colour filters.
ED! Subscribed - thanks!!
Thank you x
Thank you for the helpful video
You are life saver bro thanks alot
Excellent tut, as usual! Thanks, Eddy.
THANK YOUUUU!
THANK YOU!!!🥰
So glad i found you Ed
Awsome vid
awesome vid
great vid
Thanks 🙏
Thank you, your video explains this clearly, unlike all the Shopify "guidance". I will be looking at your other videos to see if they will help me set up a filter for Width fittings for shoes so that I can group different variant terms eg W, Wide, G and H, under one search term "Wide".
In the past I used an App and was able to merge tags to make filtering shoes easier, I guess because to start with it created a tags to use to filter. Is there a way to merge variant properties eg size or width to achieve the same? For example some of our shoes are sold in UK sizes, some in EU sizes. With the tags I could merge the two so that if someone wanted size UK 1 the results also showed them EU 33. The same for width eg merging Wide, G and H all together as "wide". Could this be achieved with a metafield? I don't want to turn on the Tag filter because it seems to be all or nothing and made a horrible mess, including revealing tags that we use to organise products.
Hi! Thanks for the awesome video! Very useful information! Maybe you have a tutorial where you talk about sizes. I have different sizing systems for shoes (EU, UK) in the shop and I would like to make my sizes show up as EU everywhere - in the filter and in the option selector on the clients side.
Thanks in advance!
Great video! Very easy to follow your tutorial. :-) I do have a follow-up question: Where can I translate the metafields? (My shop is set to default Swedish and the customers can switch to English.)
Thank you Ed for this video, it was very helpful for me, to understand better how to work in metafields and filters. One question, I was searching for specific function on filters which I found on the App AI Search, Filter & Recommend, that is "Use AND condition". Do you know if there is a way to use this function "Use AND condition" without an App?
Thank you for your video! I still have a question regarding the use of Shopify "Search & Discovery". Before the app, it was possible to update the code, so that filters didn't not display, when there was only one option. Do you know if it is possible to force that behaviour using the app? Thanks a lot!
Bro such a good video. Really to the point and informative. Also, your English is insane. I guess you're Norwegian? You don't even have an accent.
Hi Ed, how do you get a vertical filter in a sidebar in Dawn theme without an app?
Can I ask why, when I select options in the filter, the page reloads instead of functioning like it does on your site? Thank you.
Thank you for this! I do have a question. How can you limit filters to show only on certain collections? For example, if I got to a collection that is apparel (size, color), I wouldn't necessarily want filters related to water bottles (ounces, liters) to show.
Yes, this is what I want to know too! Do you know the answer to this?
Hi Ed!
Quick question , is there a way to use filter and show different variants of the product. Example : I have 3 sizes of t-shirts each one have a different price , would be posible to filter for M and the product that will show it's the variant M with the price of an M t-shirt and the image of the M t-shirt instead of the default one ?
The way I have dealt with the issue is create a different products like a 3 t-shirts pack instead than a variant ( to avoid having the same image and price for all the products and then when a customer click it's on the wrong variant and displays a diferent price)
Thank you so much for you content.
Hi, Thank you for video. One question, is it possible to list all metafield values in filters section, currently it shows only selected values as filter items. So if we have blue, red, white, black color metafield values and only red and white are added to products, then it only shows 2 items in filter but is it possible to show all 4 values on collection page filters
actually after update it still works, u just have to press on right side columns and check box for metafields
How do you get the filters to be on the sidebar not along the top? At Dawn theme. There is no collection grid in the theme
Hi,
How can I add collection to the filter bar so as to make client navigate easily. Just like the way the filter has different options, I just want to add the collection there.
*Hello, how can I make the options of my products appear above the purchase button in any collection as in min **5:54** ?*
Hey man! Thank you for great content! Why turbo doesnt let me use this kind of filtering?
Is there a way to hide filters in certain collections? Like on the "All item collections" it shows so many different filters that don't apply to most items.
hi i have a problem using this filters. i have 3 categorys set up as a dropdown from left to right . first: Motorcycle brand. second: Model/Year. and last : Category. when i set first dropdown to lets say kawasaki. i came to the second and there it shows me all brands. but i only want to see when i first chose kawa that he suggest me only kawasakis in the Model/Year section. but it shows me all brands and bikes.
@Ed Codes Can you help us with our store? Having issues migrating to a shopify 2.0 without the options of tags. Also images on supply theme were all uniform but when we tried to switch to the 2.0 the products images were all different t sizes. We have too many products to edit images. Supply theme had it right. Need help!
How do you get the filters to be on the sidebar not along the top?
I have the “product options” type of a filter for size and color. When im on a collections page and filter by say color blue, I want it to now filter out what’s available in blue for sizes. If it’s available in size large I want it to only show size large on the page. For some reason it won’t filter out by what’s available.
Is product options best for this or should I try meta fields?
Im using Dawn Theme and thanks for making this tutorial!
Will these filters hurt on-page SEO? I've read articles that discuss this, but haven't received definitive confirmation.
Can I filter only one collection or is it a feature applied to all collections?
How do i filter from women and men clothing? so currently i want to list trousers for men and women. how do i organize that? please help?
Is there a way to show a collection of variants, and that in that collection all the links will point to variants? For instance, I sell books. My variants are ebooks (default), paperback, and audiobooks. Can I create a collection of audiobooks to show on my store?
Dear Ed, thank you. It was so helpful! I do not see a line "Accept List of Values" in Admin zone - I have a "List of values" instead.
It will be very helpful if you make a video RE: Color. I'm doing smth wrong - I even do not see Color as a meta-field in Navigation (
Hello, first of all, thank you for the video. I would like to know if you have a solution for the tagging of filters on Shopify. Indeed, the filters appear as h2, and I would like them to be in div. I have looked into the code several times without success. Thank you.
Do you have a video on nesting other collections in one colletion's filter?
Do you know how I can manually sort the filter values?
Hey, How to do an "and" filter? for example, filter products that have both Cotton and 100% Cotton?
Boost was great, but on upgrade to 2.0 theme (Dawn), it now requires you to use their design templates for your collections, and if they don't match your theme, it's a big bummer (at least for me)
Hello! How can I add a price slider filter without an app?
Thank you for this! Wondering if you have any advice on how to keep your filter active when your category/collection has more than 1000 products.
I think it's for performance reasons, don't see any way around it yet. Preferably break down your collections into smaller ones. Or use a filtering app.
Can you tell us how we can manually order filter options ?
Hi, thanks for your content. Is there a way to show more than 25 filters..? It looks 25 is the limit. I need to show almost 40..! x(
Do you how many filters are standaard?
Where can I find other video about color filter?
Nice video!! I'm making a bike shop, I would like to use a range filter on frame size so for example: frame size 45cm-55cm. Is this possible with the search and discovery app?
should work with the tag option in the app. try giving the range as a tag
Great video! Thanks Ed! You still have that coaching program? I didn't see that option in buy me a coffee link.
No I decided to scrap that idea. There is now a free Discord community though - discord.gg/MpWVP8Xguk
How do I add decimals to my store price filter?
Can we do a volume bar?
Thank you for this tuto, I was just having trouble understanding how the new tag system worked. About the apps, Do you know if they slow down the website for customers or have no impact because it's only on the admin view ?
Filtering apps are not only on the admin view - they load the actual filters also. Yes they will slow down the collection page for customers. Not the entire website, but only the collection page.
@@EdCodes Ha sorry ! I was only talking about the metafield app that allow edit metafields in bulk edit (like "matrixify" or "Bulk product Edit") Sorry for the confusion !
@@alexandrecomet3391 Oh right, sorry I forgot about that part! Yes you're right, those apps will have no impact on customers because they are only in the admin.
@@EdCodes ❤ Thank you !
I love u! No Haram
Not affiliated with it at all, but Accentuate Custom Fields is the OG of metafields apps - it was the OG pre 2.0
Product type is useful when people click on a Shop All button. What I would like to see if you can choose which filtering you can use per collection page. Like product type is not needed when you are in a T-shirt collection already.
Technically possible but I haven't seen any theme offering that feature yet.
Can we use filter without 2.0 shopify
What do you do when you have over 5000 products?
You can still add tags to collections if needed.
Using supply theme what will be 2.0 theme to mirror that and with more features? The Dawn theme was horrible. The product images wwere all over the place and not uniform across the board. Supply theme had it all uniformed and organized.
Supply isn't 2.0 and you can customize Dawn quite a bit when it's only the images for you. Dawn and refresh are probably the best free 2.0 themes for most stores. Dawn is great because of the tutorials available already.
Currently you don't have many options if you're looking for a free 2.0 theme - they are all basically the same as Dawn but with different presets. So it's not like it was before with Debut and Supply being totally different. Best option now is just to have a look at some paid themes and see what you like more, here are some of my favorites - ed.codes/blogs/resources/best-shopify-themes
Amazing video! How can I get into the Discord group?
I decided to close the coaching group idea, however there is a free Discord group - discord.gg/MpWVP8Xguk
Franz Lamers
this is "weed" (canabis) pot near your tv ?? lol
I wish!
I want to learn how to add metafiled filters on my collection page. please guide , i don't want to use any third party app
Hi Ed, quick question!
Is it possible in the product options to create a filter, and then create multiple values for the option without making it a variant? For example if I am selling a T-shirt which is green and yellow but I only have 1 in stock, is there any way I can have it filtered by colors Green & Yellow separately without Shopify creating a variant so it shows two of the T-shirt in stock as 1 x green, 1 x yellow.
It has been driving me mad for weeks so any help is appreciated! Thanks heaps for the video :)