I have made a decent amount of headway on my website, but am at a point now where if I can’t get the following to work, then the entire design is out of the window so I’d really appreciate some help.
Before I go any further here’s a link to my site: Click here
So on my projects page I wish to include a button that when clicked drops down a menu that will allow the user to sort projects by sector AND/OR with tags. In the CMS I have a Tags section, Sectors section, and a Projects section (within which tags and sectors are set for each project).
That looks exactly like the functionality I’m after, though unless I am being particularly dense there doesn’t appear to be any write-up on how to implement it? Forgive me, I am a novice. I assume this functionality is built in to webflow, no?
You’d have to try and reverse engineer it off the cloneable website, or reach out to Sidney as I think he does freelance work if it’s in your budget?
The function isn’t built into web flow no. The way I’ve used it on a current build is just using categories… www.thehouseofmagic.co.uk (you’ll see the category button)
That site is made in Webflow entirely. It’s an interaction, so when the Category button is clicked the modal pops up. You add a collection list of category names and style it how you want. In this case, the category names act like buttons.
The downside of the way I’ve done it is that you can’t add multiple filters. So you can’t see Coin Magic & Card Magic at the same same. I will eventually implement Isotope, but for now it’s getting a site up and running that can sell products.
I’ll tell you what… I am exceptionally confused, though extremely appreciative of you taking the time to help.
So;
Do I need to import some custom code/.js (have never done this before) to enable this kind of functionality within webflow? If so how/where??
On your site I can’t find the dropdown/filters within webflow (have clicked open menu, but to no avail). Am I missing something?
Again, I know I am likely getting in far beyond my knowledge but this is how I’ve always learned; throwing myself in at the deep end and trying not to sink!
I “solved” a similar filtering problem with some creative use of tabs on this page. Really hope for an out-of-the-box filtering tool in Webflow in the future, as I try to avoid using third party tools as much as possible.
@Macker If you share your read only link I will record a demo using your site and post back here.
@Christoffer has a good solution, however it wouldn’t be useable where there are more than 20 collections per page so it can limit you somewhat, so if you have 20 tags, you can’t use it.
Yes, native webflow filtering would be nice someday.
Yes you could put two collections lists “Tags & Sectors” side by side under two headers perhaps, so the user can choose how they want to filter… by sector or by tag.
You’re very welcome, glad it was useful! :webflow_heart:
That’s not actually my site, I was using the read-only link to help solve an issue for the original poster.
You would usually use tags as a multi-reference field, so you can add multiple tags/categories to one post. On a CMS “Tags” template page (or whatever you called it) you can then show all those posts that have that tag attributed to them.
Hope that helps? Have a play around and if you get stuck feel free to reach out anytime. :webflow_heart:
