I cannot even express how grateful I'm to the Finsweet team for all these amazing functionalities. I could have never achieved what I did without the high quality tools and content that you guys provide. Thank you so much guys.
Raw and unfiltered content! Thank you so much for letting me decide for myself how much detail I do or do not want to sit through!!! I didn't scrub through a single second, and I hope you make all your walkthroughs like this one!
Wow! Thanks for showing the whole steps like adding a new search element to the existing page was so helpful to see. Also the clonable helps answer other questions of how all this should be structured within the form block.
"Come on Designer!" Joe really gets frustrated when things don't work as they should. Joe really gets frustrated when things don't work as they should. It must be because of that focus that Joe puts in that Finnsweet has such incredible products! Don't stop! This is amazing!
I just love you guys. The cms-filter is such a joy to use - and it just works. Could you guys please take over webflow? I cannot imagine what your team would be able to build with the resources of webflow. Or even better - you could lunch your own web-builder-cms alternative? Heck I'd switch to a finsweet CMS-Web builder with no questions asked.
You guys are the best!! Amazing job here. I've just got a combo: the power of Attributes and a cms framework for a project which deadline is in January and that I've not started... yet. Now I know. Thanks again @Finsweet.
F'in amazing!! Thanks so much for putting this together! The pacing on the video is perfect - feels patient and encouraging. Really will add loads of value to my project and looking forward to learning more about the Attributes ecosystem!
Awaiting the clonable implatiently however absolute stellar job at creating something that was missing, surely the webflow team is extatic too. You've truely found your niche, going to kill it moving forward no doubt. WIll be hopefully implementing the attributes ones I get the grasp in multiple projects. F'in Sweet.
Really nice tools guys! Fantastic work! One thing I can't seem to find an explaining for in this video or in the documentation is having multiple category item to select like you show in your documentation. In your documentation you show it is possible to select different categories like "Park", "Paid tour" etc, but you have seem to forget to show how to implement it? Or am I completely missing something obvious? xD
Hi guys, it's amazing how powerful and easy to implement your solutions are!! 🔥We already work with a number of them on our projects, thank you so much! There's just one thing we didn't achieve yet: search by date range. I understand that 3 attributes need to be set on each filter-fields and collection-fields relating to the "from" and "to" dates: field identifier, filter type and range, right? However, we didn't succeed yet! Is there any specific tutorial on this topic? 🙏
Yeah, but it ain't that great. Their CMS Load attribute prevents Google from indexing pages correctly. It's a known issue that I unfortunately discovered after some months of using it. The worst is I saw on their forums other people were complaining about it, but they decided to ignore instead of putting a warning on their site. Absolutely awful behavior.
Love the content and how RAW they're delivered, but I do have ONE REQUEST. Can y'all add CHAPTERS to your videos so we can navigate to the content that's important to us? Y'all cover a lot in this video WHICH I LOVE, but I'm specifically looking for the CMS Load discussion and how to implement with CMS Filter. *BTW* - I just built a website that I never thought I'd be able to by using Attributes. Super easy to learn and implement!! THANK YOU!!!
This is awesome, Joe. New subscriber here!! Is it possible to filter if the items for the same collection are set up in different grids? Since they're all from the same collection, would the filter read each collection individually to find the right tags/labels and only show those on the screen, no matter what collection grid they're in? Or do all of the items need to be in the same collection grid in order for the filter to work? I hope I'm making sense...
Amazing video. Used this to build out a browse experience on my site. Any tips on how to make a collection list + filters on mobile? This doesn't scale well on smaller screens. Thinking to nest the filters UI list within a sidebar but can't figure out how to do that if you have any tips!
I created a couple of filters on different projects and it works just great! I was just wondering if there is an option to show results only if all filters are selected. I work on a project where we want users to first choose all filters and then we display only one result that matches what they selected. Thnaks!
Wow! This is lifechanging! Would I be able to somehow have the search function on the navbar and when people press enter, make them go to this filter view page and show the results of their search?
Another similar question, what if I have categories links on a homepage. Can the user click on a category and make them go to this filter view page and show the category they selected? Those two things I don't know how I would handle. A navbar search and clicking on a category link somewhere outside the filter view page.
Okay! I think I figured out the categories thing. I'd make each of the category buttons in the Home Page link to the Filter Page by adding the suffix to the link "?category=Category1" - Now all I need is a way to do that, but this time with the search field. Is there any way I can mirror what they typed into the search bar and do something similar? For example, if they type "searching for something" into the search field in any of the navbars and press enter, it will take them to the Filter Page with the suffix "/?*=searching+for+something". That's how I think it'd work but not sure how to implement that. Thank you for reading 💙
Hey Joe, love it! Question: is it possible to integrate it with Google Maps? I’m building a filter system where visitors can filter a location by street name. Not sure though how to build it yet in combination with your great Filter resource. Have you done something like that before? Any recommendations? Thanks!!
Hey! We are going to release a developer api for Attributes next year. This is going to allow you to write code on top of Attributes for implementations exactly like this!
Amazing, thanks! Just a question, how were you able to display multiple CMS collection lists(make, location, fuel type) inside your main CMS collection list (cars)?
Hey David, no this is not possible and will not be possible! We have decided to go 100% form for Attributes CMS Filter. This is the most professional enterprise-ready solution.
OK #1 I RE-implemented everything on my current site I'm building that had used finsweet tools with the new Attributes in under a few hours and It was so easy!!! I love it so much. Question on this video though, you mention "there is no delay" when it filters, is there a way we can add a delay so that the content fades or animates in? In my case multiple items I click still load the first result and it's not very clear to the user that the filter is working.
Hey Jennifer! Great to hear this. You can adjust the duration the filer duration in ms. The example right now is set at 0. I've just changed to it to 50 to show the fade effect: cms-filter-example.webflow.io/. On your Collection List, find the attribute fs-cmsfilter-duration = 0 and change that to 50, 100, 200, or whatever!
Love it! Thank you very much. Is there still a Slack page to get support or where's the best place to get some help? I have the problem, that Interaction do not work on items that appear with the load more component.
This is amazing, many thanks. *But how* on earth did you manage to get a *multi-reference* field into the list-item ( *Fuel Type* )??????? Any insight on this would be highly highly highly appreciated :)
In collection setting add the field reference (single or multiple). And, creating a new cms collection where you will add the new reference. Go back to the first collection list, and now you can connect with the new reference collection. Hope this helps.
Great update! Thank you for your dedication. Quick question: Can the module be modified so that the CMS list is not shown at the initial state? Also, regarding the filtering buttons, can this be set so that only one button can be selected at a time? Again, thank you for you and your team to bring this to the community.
Hey Andras. To select only one button at a time, use radio buttons! By default this element can only be selected one at a time. Works the same way in the filter system. We have had several requests for the list to start empty. It's on radar for a feature addition
I have question about the year field. You are manualy setting theese. But i want it to be automatic, so the client dosent have to add a new year, every year?
Very usefull tool! thank you... Just a question: with cms load active and the pagination option selected, why when i render the new page all the interactions disappear?
Even in 2024, this is the best webflow tutorial I have watched, thanks Joe & Finsweet!
I consider this an official Webflow release, that’s how good it is. I can’t thank you all enough!
It does provide huge benefit to Webflow users, but definitely not an Official Webflow release.
I cannot even express how grateful I'm to the Finsweet team for all these amazing functionalities. I could have never achieved what I did without the high quality tools and content that you guys provide. Thank you so much guys.
Raw and unfiltered content! Thank you so much for letting me decide for myself how much detail I do or do not want to sit through!!! I didn't scrub through a single second, and I hope you make all your walkthroughs like this one!
Thank you Timothy. 🙏🏼
This is just brilliant. This will save us so much time...and money!
Thank you, Finsweet team!!!
Glad you like it. Let us know what you would like to see us build next.
this blows CMS library filter and pagination out of the water!!! amazing guys, thanks for all the hard work! im sure you know its greatly appreciated!
Thank you for the support Derek
Thank you Derek! Really appreciate this!
Wow! Thanks for showing the whole steps like adding a new search element to the existing page was so helpful to see. Also the clonable helps answer other questions of how all this should be structured within the form block.
"Come on Designer!" Joe really gets frustrated when things don't work as they should. Joe really gets frustrated when things don't work as they should. It must be because of that focus that Joe puts in that Finnsweet has such incredible products! Don't stop! This is amazing!
Diligent. Patient. Inspirational. Invaluable. You’re all that and more Joe + Finsweet.
I've been at it with the mighty and powerful Webflow since 2018 and this is the most powerful thing I've learned. Cheers, Finsweet!
Only just had time to watch this tutorial from scratch. Awesome as always. And the accents for NJ and NY didn't go unnoticed 😂.
You guys really are changing the economic game for a lot of people...love this no-code ecosystem
although it is powered by the code itself
Thank you Miqdam!!! Really appreciate that
I am now officially a Attributes maxi - thank you for the great breakdown!
I just love you guys. The cms-filter is such a joy to use - and it just works. Could you guys please take over webflow? I cannot imagine what your team would be able to build with the resources of webflow. Or even better - you could lunch your own web-builder-cms alternative? Heck I'd switch to a finsweet CMS-Web builder with no questions asked.
Very very important video on complex filtering in webflow.! Thanks very much @finsweet ! Much appreciated. Cant thank enough haha !!!
This is just brilliant. This will save us so much time...and money!
Thank you, Finsweet team!!😍😍😍😍😍
🙌🏽- Happy to give back to the community
THIS. IS. GOLD.
Absolutely game changer! Thanks for providing these tools!
You are most welcome. Thanks for hanging on the stream with us!
wow.. this is the best filter solution I've seen, for the Webflow!
Thank you so much for your effort on putting this out. Great resources and training!
This is GOLD, well done thanks Guys!
😎🚀
Thank you for this in depth tutorial and explanation! Super grateful for the Finsweet team for making this so fineasy.
Find myself returning to this great walkthrough again and again for different projects. So much value here. Thanks!
It's not outdated? My worry is that tech moves fast and this may not be relevant or proper to use anymore.
You guys are the best!! Amazing job here. I've just got a combo: the power of Attributes and a cms framework for a project which deadline is in January and that I've not started... yet. Now I know.
Thanks again @Finsweet.
Awesome Albert! This is great to hear. Thank you for the great comment.
I'm gonna play with this! Damn, it opens up so many possibilities! Mad lad
This is just the beginning. Let us know if you get any ideas. Finsweet.com/vote
Thank you! Love this. BTW: Awesome intro music!
Glad you like it. thank you.
F'in amazing!! Thanks so much for putting this together! The pacing on the video is perfect - feels patient and encouraging. Really will add loads of value to my project and looking forward to learning more about the Attributes ecosystem!
Thanks for all the help in getting us past these roadblocks.
Used the filter all over my website and it works so good and is so easy to use!! Thank you!
It helps me a lot! Thank you Team for this amazing work!
WOW! I am feeling so incredibly accomplished! Thank you for this fantastic video and moving at the speed you did!
I was struggling with filtering not working with pagination. So Glad I watched this.
What's mindboggling is how this is not baked into webflow.
This is amazing! Just what I need. I got stuck in one of the filtering and would like to chat. Which method is best to contact and share?
Amazing tools, so easy to use, brilliant. Can't wait to try this. Thank you so much! 🙏
Let us know what you build with it
Wow! Thank you so much for this video and all the effort you guys put in to help the Webflow community. :)
How cool is that!! Gonna apply this for the first time on my project tomorrow.
You saved me!!! I love FinSweet!
Life saver.. God bless you guys!!
I am trying all these.. absolute lifesavers
Awaiting the clonable implatiently however absolute stellar job at creating something that was missing, surely the webflow team is extatic too. You've truely found your niche, going to kill it moving forward no doubt. WIll be hopefully implementing the attributes ones I get the grasp in multiple projects. F'in Sweet.
Is this the cloneable you are looking for? webflow.com/website/CMS-Filter-Example-by-Attributes
Awesome video!!!!!
Amazing, been waiting for this from you guys. Super excited to try it out! Does this work with eCommerce CMS?
Hey Vincent! Yes, it does! Let us know what you think
This is awesome!
Joe you are a legend! I will share my projects with you too and give you credit. 🤩
Really nice tools guys! Fantastic work! One thing I can't seem to find an explaining for in this video or in the documentation is having multiple category item to select like you show in your documentation. In your documentation you show it is possible to select different categories like "Park", "Paid tour" etc, but you have seem to forget to show how to implement it? Or am I completely missing something obvious? xD
Hi guys, it's amazing how powerful and easy to implement your solutions are!! 🔥We already work with a number of them on our projects, thank you so much! There's just one thing we didn't achieve yet: search by date range. I understand that 3 attributes need to be set on each filter-fields and collection-fields relating to the "from" and "to" dates: field identifier, filter type and range, right? However, we didn't succeed yet! Is there any specific tutorial on this topic? 🙏
Yeah, but it ain't that great. Their CMS Load attribute prevents Google from indexing pages correctly. It's a known issue that I unfortunately discovered after some months of using it. The worst is I saw on their forums other people were complaining about it, but they decided to ignore instead of putting a warning on their site. Absolutely awful behavior.
Hey, can you do a tutorial on the range slider! Please!
Yes! Working on it. Go ahead and copy more examples from Finsweet Extension. Is there anything specific you would like covered?
you have no idea how much you helped me! thanks alot! keep up yr good work :)
Amazing!! Thank you so much!! 🤩🤩
You are most welcome
Amazing tool and top-notch walkthrough! Thank you.
Love the content and how RAW they're delivered, but I do have ONE REQUEST. Can y'all add CHAPTERS to your videos so we can navigate to the content that's important to us? Y'all cover a lot in this video WHICH I LOVE, but I'm specifically looking for the CMS Load discussion and how to implement with CMS Filter.
*BTW* - I just built a website that I never thought I'd be able to by using Attributes. Super easy to learn and implement!! THANK YOU!!!
That's so amazing!! Thank you so much for everything you guys are doing!
Thank you! We appreciate the support
Just amazing! You saved me, guys!
Thank you kind man) you are the best in these spaces))))
Gold!
This was amazing!!
Thank you
absolute legend!
Wonderful tutorial !
This is soooo valuable! Thanks a lot for this
This is awesome, Joe. New subscriber here!! Is it possible to filter if the items for the same collection are set up in different grids? Since they're all from the same collection, would the filter read each collection individually to find the right tags/labels and only show those on the screen, no matter what collection grid they're in? Or do all of the items need to be in the same collection grid in order for the filter to work? I hope I'm making sense...
Amazing video. Used this to build out a browse experience on my site. Any tips on how to make a collection list + filters on mobile? This doesn't scale well on smaller screens. Thinking to nest the filters UI list within a sidebar but can't figure out how to do that if you have any tips!
lifesaver! thank you
Hey this is really helpful video! Wondering is it possible to have a checkbox in dropdown?
This is great, just great
Great video, very clearly explained. Love it 🔥🔥🔥
I created a couple of filters on different projects and it works just great! I was just wondering if there is an option to show results only if all filters are selected. I work on a project where we want users to first choose all filters and then we display only one result that matches what they selected. Thnaks!
amazeballs
This is pretty cool! Is it possible to do combine two 2 CMS collections into a complex CMS filter?
Can you please set up the chapters for this? Would make it much easier to navigate
Just perfect!
OMG I LOVE YOU!!!
Wow! This is lifechanging! Would I be able to somehow have the search function on the navbar and when people press enter, make them go to this filter view page and show the results of their search?
Another similar question, what if I have categories links on a homepage. Can the user click on a category and make them go to this filter view page and show the category they selected?
Those two things I don't know how I would handle. A navbar search and clicking on a category link somewhere outside the filter view page.
Okay! I think I figured out the categories thing.
I'd make each of the category buttons in the Home Page link to the Filter Page by adding the suffix to the link "?category=Category1"
- Now all I need is a way to do that, but this time with the search field.
Is there any way I can mirror what they typed into the search bar and do something similar?
For example, if they type "searching for something" into the search field in any of the navbars and press enter, it will take them to the Filter Page with the suffix "/?*=searching+for+something". That's how I think it'd work but not sure how to implement that.
Thank you for reading 💙
Crazy good! Thank you
Hey Joe, love it! Question: is it possible to integrate it with Google Maps? I’m building a filter system where visitors can filter a location by street name. Not sure though how to build it yet in combination with your great Filter resource. Have you done something like that before? Any recommendations? Thanks!!
Hey! We are going to release a developer api for Attributes next year. This is going to allow you to write code on top of Attributes for implementations exactly like this!
Awesome stuff! Can you please go over how to highlight text when searched?
Hey, amazing content! Does it work inside a nav menu on mobile?
AMAZINGGGGGGGGGGGGG 🔥🔥🔥
Great! Thank you!
Amazing, thanks! Just a question, how were you able to display multiple CMS collection lists(make, location, fuel type) inside your main CMS collection list (cars)?
In my case, it doesn't work.. :( This filter is so cool but I have the same problem.
this is amazing!!!!! Thank you so much!!! I may have missed it in the video but is there a way to show something if no results?
All sorted :)
Hi, this is very very helpful, thank you. Is there a way I can make the search run only is you "hit enter"? Or maybe to add a little load time?
Is it possible to filter with UI Filters other than those of the Form Block (Checkboxes, Radio Buttons…) but UI Filters like Text Block, Buttons ? 💪
Same question here!
Hey David, no this is not possible and will not be possible! We have decided to go 100% form for Attributes CMS Filter. This is the most professional enterprise-ready solution.
One thing you can do is use mirror click from button to checkbox somehow, I am planning to apply this in my next project, lets see how it goes
OK #1 I RE-implemented everything on my current site I'm building that had used finsweet tools with the new Attributes in under a few hours and It was so easy!!! I love it so much. Question on this video though, you mention "there is no delay" when it filters, is there a way we can add a delay so that the content fades or animates in? In my case multiple items I click still load the first result and it's not very clear to the user that the filter is working.
Hey Jennifer! Great to hear this. You can adjust the duration the filer duration in ms. The example right now is set at 0. I've just changed to it to 50 to show the fade effect: cms-filter-example.webflow.io/. On your Collection List, find the attribute fs-cmsfilter-duration = 0 and change that to 50, 100, 200, or whatever!
great video
How do you do the price range ? Curious.
Tutorial of Range Slider setup is coming this week. This will walk through how to set up Range Slider with from and to fields
Love it! Thank you very much. Is there still a Slack page to get support or where's the best place to get some help? I have the problem, that Interaction do not work on items that appear with the load more component.
Killer!!!
This is amazing, many thanks. *But how* on earth did you manage to get a *multi-reference* field into the list-item ( *Fuel Type* )???????
Any insight on this would be highly highly highly appreciated :)
did you work this out?
In collection setting add the field reference (single or multiple). And, creating a new cms collection where you will add the new reference. Go back to the first collection list, and now you can connect with the new reference collection. Hope this helps.
Could we use your great cms searching system to search the data that store inside webflow cms template page?
Awesome Library! Huge fan. Is there way to choose multi-reference field using select options?
amazing tutorial it helped me so much thank you !!
question: is it possible to apply filters on the navbar? can you filter using the navbar?
Was Part 2 ever done?
This has been really helpful! Does this also work with Weglot or the new Webflow Lokalization? If anyone has tested it
Great! Do you guys plan "dropdown" as filter solution?
Great update! Thank you for your dedication. Quick question: Can the module be modified so that the CMS list is not shown at the initial state? Also, regarding the filtering buttons, can this be set so that only one button can be selected at a time? Again, thank you for you and your team to bring this to the community.
Hey Andras. To select only one button at a time, use radio buttons! By default this element can only be selected one at a time. Works the same way in the filter system. We have had several requests for the list to start empty. It's on radar for a feature addition
Thank you Joe for your answers. Great work.
I have question about the year field. You are manualy setting theese. But i want it to be automatic, so the client dosent have to add a new year, every year?
Very usefull tool! thank you... Just a question: with cms load active and the pagination option selected, why when i render the new page all the interactions disappear?
Don't suppose you ever found a solution to this? If so would be great to hear it!
@@corneliusblasterbox same, im out here strugglin~
It's quite amazing ! Thank you so much to offer us a such tutorial
Does the fs-cmsfilter-field work for a multi-reference field? I can get it to work for a single but not multi.
Hi Kyle, yes this does work with multi-reference. What is not working about it? Is it a native Webflow nested collection?