Collection Filters in Shopify 2.0 - Full Tutorial & Concepts

Рет қаралды 61,810

Күн бұрын

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? KZfaq 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

Пікірлер: 113

@amaarali6443 2 жыл бұрын

I don’t understand how your channel hasn’t blown. This is literally gold!!

@EdCodes 2 жыл бұрын

Thanks!

@valasciucandrei1051 Жыл бұрын

agree

@sonnaolson60 2 жыл бұрын

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.

@jordanramon9206 Жыл бұрын

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!

@sheanathan3566 Жыл бұрын

Of all the videos I've seen on metafields this is by far the easiest to follow. Thanks

@IgorTheTiger Жыл бұрын

Thank you very much man! All your videos are PURE GOLD!!!

@nevenazezelj6916 11 ай бұрын

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

@stevendlizarme 11 ай бұрын

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

@nzjewellers492 Жыл бұрын

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😊.

@philcollins6046 4 ай бұрын

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!

@raulguitian3014 Жыл бұрын

Best videos with shopify help. Really impressed. Thank you very much.

@adriannekuczynski1031 8 ай бұрын

Hours last night in Shopify's documentation. Just 13 minutes of watching your video I figured it out. Thank you!

@EliteFireworks Жыл бұрын

I’m in the process of building my new business site on Shopify and your videos have been so helpful. Thank you!

@bajrampirana5616 5 ай бұрын

Kudos! So clear, so good. Couldn't find anything properly explained as in your video.

@davidgoult8694 2 жыл бұрын

Thanks edd again for a great video as usual!!🙏

@jin6000 2 жыл бұрын

You are the best Ed. :) Thank you so much for the video.

2 жыл бұрын

best explanation on meta fields ! thank you so much 😊

@chrisc.7972 6 ай бұрын

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************ :)

@dani.e1 Жыл бұрын

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

@leondrv 2 ай бұрын

Fantastic video, thanks a lot Ed !

@comanadrian554 Жыл бұрын

Gold information, thanks Ed!

@miodragvujovikj7693 Жыл бұрын

Great tutorial and a great Channel. I've already subscribed to your channel, thanks a lot man!

@edpolk6303 Жыл бұрын

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!

@EdCodes Жыл бұрын

Great to hear!

@marycase7993 Жыл бұрын

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😂

@dominykasjasaitis9806 2 жыл бұрын

Thanks for the video! Looking forward to color swatches tutorial on the Dawn theme!:)

@yayitseugene 9 ай бұрын

Life saver! Thanks for sharing!!

@janelp171 Жыл бұрын

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."

@philipzwart6449 Жыл бұрын

Brilliant, thank you very much!

@willkanoff Ай бұрын

Excellent tut, as usual! Thanks, Eddy.

@erdemsandkc2501 Жыл бұрын

You saved my time. Thank you boss.

@bulkify5025 Жыл бұрын

Thank you so much for sharing a great video.

@elizabethsullivan2663 2 жыл бұрын

This is very helpful, thank you! I would love to see a video specifically on colour filters.

@fortifiedagency 2 жыл бұрын

ED! Subscribed - thanks!!

@unperfekt-saysorry 2 жыл бұрын

Great Video, THX!

@Josepihack Жыл бұрын

EXCELLENT VIDEO THANK YOU!

@The-Wired-life Жыл бұрын

You are life saver bro thanks alot

@crookjoanna123 Жыл бұрын

Thank you x

@steamroll805 7 ай бұрын

Awsome vid

@zippervalley 2 жыл бұрын

THANK YOUUUU!

@gkathik85 Жыл бұрын

Thank you for the helpful video

@williamzhou8448 4 ай бұрын

awesome vid

@KorinasX 4 ай бұрын

great vid

Жыл бұрын

THANK YOU!!!🥰

@user-sl2ko1vl6c 11 ай бұрын

Thanks 🙏

@ruthk3876 Жыл бұрын

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".

@ruthk3876 Жыл бұрын

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.

@jacobbannier 10 ай бұрын

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.

@CuteFoksie Жыл бұрын

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!

@anehinnum3821 Жыл бұрын

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.)

@KorinasX 4 ай бұрын

actually after update it still works, u just have to press on right side columns and check box for metafields

@davidrodrigues9047 Жыл бұрын

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?

@rentclubau Жыл бұрын

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 :)

@felipeubeda771 Жыл бұрын

Hey man! Thank you for great content! Why turbo doesnt let me use this kind of filtering?

@bidule233 11 ай бұрын

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!

@tonyhancock7228 Жыл бұрын

Hi Ed, how do you get a vertical filter in a sidebar in Dawn theme without an app?

@paulkempf293 Жыл бұрын

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.

@olgabaykova8338 2 жыл бұрын

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 (

@SuhasDeshmanesd 11 ай бұрын

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

@estudiodave 3 ай бұрын

Do you have a video on nesting other collections in one colletion's filter?

@robdogsurf Жыл бұрын

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!

@TroyGrover Жыл бұрын

Great video! Thanks Ed! You still have that coaching program? I didn't see that option in buy me a coffee link.

@EdCodes Жыл бұрын

No I decided to scrap that idea. There is now a free Discord community though - discord.gg/MpWVP8Xguk

@naijainnit Жыл бұрын

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.

@zinc6324 Жыл бұрын

Yes, this is what I want to know too! Do you know the answer to this?

@finnegancrochet5702 Жыл бұрын

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.

@ParaZumir 11 ай бұрын

I love u! No Haram

@boulderbarks 2 жыл бұрын

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.

@EdCodes 2 жыл бұрын

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.

@JonathanDunskyBooks Жыл бұрын

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?

@mattkennedy1784 3 ай бұрын

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)

@jeffb6305 Жыл бұрын

Will these filters hurt on-page SEO? I've read articles that discuss this, but haven't received definitive confirmation.

@longladyfashion4221 Жыл бұрын

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

@etienneb4403 2 жыл бұрын

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.

@EdCodes 2 жыл бұрын

Technically possible but I haven't seen any theme offering that feature yet.

@DamilAdeniyi 2 ай бұрын

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.

@camilledammasch3648 Жыл бұрын

How do you get the filters to be on the sidebar not along the top?

@Kotenbo 5 ай бұрын

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.

@allmamalove Жыл бұрын

@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!

@michael-land Жыл бұрын

Hey, How to do an "and" filter? for example, filter products that have both Cotton and 100% Cotton?

@Guuski 9 ай бұрын

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?

@user-pt1sl4hq9s 5 ай бұрын

should work with the tag option in the app. try giving the range as a tag

@kalkidanlegesse1874 3 ай бұрын

Can you tell us how we can manually order filter options ?

@kimosapien4344 Жыл бұрын

Not affiliated with it at all, but Accentuate Custom Fields is the OG of metafields apps - it was the OG pre 2.0

@andrevangijsel957 2 жыл бұрын

You can still add tags to collections if needed.

@chung2351 Ай бұрын

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.

@beccrawford6577 Жыл бұрын

Can I filter only one collection or is it a feature applied to all collections?

@Mmnguye3 8 ай бұрын

Do you know how I can manually sort the filter values?

@user-vm3dr5ti8p 7 ай бұрын

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(

@jjaimemejia Ай бұрын

*Hello, how can I make the options of my products appear above the purchase button in any collection as in min **5:54** ?*

@alexandrecomet3391 2 жыл бұрын

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 ?

@EdCodes 2 жыл бұрын

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.

@alexandrecomet3391 2 жыл бұрын

@@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 !

@EdCodes 2 жыл бұрын

@@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.

@alexandrecomet3391 2 жыл бұрын

@@EdCodes ❤ Thank you !

@stereoturk7986 7 ай бұрын

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.

@fatimabebing9633 Жыл бұрын

Can we do a volume bar?

@keekabuu Жыл бұрын

Where can I find other video about color filter?

@Alessandro_Alessandro 9 ай бұрын

Hello! How can I add a price slider filter without an app?

@Raymond-hx5bv Жыл бұрын

Do you how many filters are standaard?

@idorebhun Жыл бұрын

Amazing video! How can I get into the Discord group?

@EdCodes Жыл бұрын

I decided to close the coaching group idea, however there is a free Discord group - discord.gg/MpWVP8Xguk

@Shavaiz001 Жыл бұрын

How do I add decimals to my store price filter?

@user-wc7em6mq3j Жыл бұрын

Can we use filter without 2.0 shopify

@rennpart 3 ай бұрын

What do you do when you have over 5000 products?

@allmamalove 2 жыл бұрын

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.

@multa7053 2 жыл бұрын

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.

@EdCodes 2 жыл бұрын

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