Native Webflow Filtering (No Code)

Join my Webflow Wizards Community

In this video, we'll cover how to build a real time, dynamic filtering option for user using dropdowns, collection lists, and collection pages. Add new filter categories from the CMS. Filters cannot be combined at the same time.

Try Webflow using my affiliate link below.

[great]

DUDE! Literally, every time I'm stuck in Weblfow, somehow I end up finding the answer in your channel. I almost paid for a filtering add-on too.

[kelvinsilva]

God bless you for this tutorial, you realy helped me a lot. I am an intern at a Brazilian company, and we stuck on this cms form, today was my last day to find a soluction for this item, cause we need to show the project for our client tomorrow, so i prayed for some type of help to understand and find a way to solve this problem, and find the answer in a church project is realy a proof of a miracle provision.

[yolandabenz]

Lifesaver! I was getting so confused by other coded options

[simonjelks]

Tim: You're a Genius. Been trying to do this for ages. :0)

[dkwanarts]

clutch lol. Thank you. Logic to do this is insane but it's clean and it works

[Nchitayat]

This is awesome. I only need one dropdown filter and I'm amazed at how the fact that no one seems to have done this. Is there any way - with only one dropdown - of avoiding the page reload and having the filter apply directly on the page?

[artlipsky]

Thank you so much. Do you know any way to do it without whole page reload?

[plusxify]

Any idea how I can add the page section to the collection link? Otherwise I have to scroll anytime I choose an item from the dropdown. Looking forward to your answer …

[razco]

That is really awesome! Is there a way to add the initial page as a link? So when users click on it they will get back to the initial state (without filtering)?

[florisvandriel]

Mann! this is a life saver. I however have one small issue (or well crucial issue). when I'm on the collection page I cannot seem to select the option that filters the current page? Is there something I'm clicking wrong in the selector ? I'm trying to filter on the collection list which should be good right?

[botstik]

Hey Tim, thanks for all your work not only on this tutorial but your entire channel. This is such a great filtering method, the only downside being that if there is any content above the collection list, you have to scroll down every time a new filter is selected. Is there a way to auto-scroll or load the page on a particle section using in page linking somehow? Thanks again

[leon.neuhaeuser]

This helped a lot! Thank you so much!!!

[chaitanyaterli]

hey tim this is really super easy to work. Cant we avoid reloading?

[conafam]

What devilry is this! Only seen the title but curious!

[giachiz]

This is great stuff and thank you for all your good videos.
BUT. How do you set an option to show ALL items ? I am struggling to find a solution. Since with your solution you have the filter applied to the template page and not to the original page, you are actually navigating to another page without the user realizing it, but in this way I lose the all items tab / content set up in the original page.

[sanskarsingh]

Hi Timothy, when I'm trying to create a condition, I'm not being able to find the filter for the 'current category', could you think of the issues that could lead to this?

Thanks

[HarryMarston-wohd]

Question, does this have any extra merits than just hiding and showing different CMS collections with the applied filters on the same page?

[adamssab]

I was wondering is there a means to do this on one page using a tabs component setup as a dropdown? And man got thank you so much for ur channels content

[hanna]

random, but your keyboard sounds very nice

[whothewho]

Hi! I did everything correctly i believe, is there a way to go back to ALL TOPICS? I have access to both filtered results but haven't been able to see the full collection again.