MixItUp3 Problem

Hello!

I am attempting to use the MixItUp3 library to do some sorting and filtering on my site.

I followed this set up guide - How to add dynamic filtering and sorting to your Webflow websites | Webflow Blog

When clicking my filter options it shows no results but when I click the All button it restores all my options. I believe its working to some degree but not sure what I am missing.

The only thing I did differently than the tutorial was apply multiple classes to some of the options as they can fit other categories. Wondering if that is maybe my issue? And if so how can I work around that?

Here is the Read-Only Link - Webflow - Project Workspace

Any help, guidance, or insight would be beyond appreciated.


Here is my site Read-Only: LINK
(how to share your site Read-Only link)

1 Like

I’ve found MixItUp3 has a nice card-moving animation but otherwise is a bit awkward to work with in Webflow due to the class dependencies.

Just wanted to put it out there that if you want something easier to filter with, try Finsweet’s CMS Filter. It’s designed for Webflow and therefore uses custom attributes rather than classes as the element identifiers, and it offers far more advanced filtering options.

Hey,

Thanks for the reply. I saw that as an option but haven’t really played around with CMS collections much which it looks like Finsweet’s CMS filter relies on. I will try it out and see if I can get that to work. Curious for this example there is categories and brands for the corresponding categories, would I use two cms collections for this case? One for brands and one for categories?

If you have collections of items like this that need to be managed, and it’s a client site, I’d basically always use the CMS, because the client needs to be able to add and remove items later.

Yes and deciding how to relate them is important. I’m guessing that a Brand can be in more than one Category? In which case you’d generally use a multi-ref field to connect them, probably in Brands to identify the list of Categories that Brand should be shown in.

However to set that up you’d use nested collection lists which have a limit of 5 items, meaning a brand can effective only be in 5 categories max. If that works, that’s the easiest and cleanest setup. There are other ways but a bit more complex to setup and admin.

I’d personally recommend FS CMS Filter over MixItUp for this but it’s still a tool you’ll need to familiarize yourself with. Clone the page and work out the setup on that section before you decide which you’re going with.

If you get stuck and want help, building filters is like 50% of my project work lately. DM me and I can send you my details.

You are a legend! Thanks for the info and taking the time. I seriously appreciate your insights.

1 Like

Hello, Luhart93 I am encounter same your issue, may I know how to fixed it?