MixItUp Filter not working, removes all items

Design help Custom code
1

Hi guys,

I’m working on a page where I need to be able to filter items from a collection list.
I’m using Mixitup as I was following allong this tutorial: How to add dynamic filtering and sorting to your Webflow websites | Webflow Blog

Everything seemed well, but the filtering is not working. Whenever I click on one of the buttons to choose a category, all my collection list items are removed from the view. In the element inspector I see that the collection-list container gets a class added “mixitup-container-failed”. I read that it means that mixitup cannot find items for the category that’s being asked. However I checked and the data-filter attributes are matching the classes of the collection-list-items.

I would really appreciate some guidance if possible!

Here you can see the page on webflow designer: https://preview.webflow.com/preview/close-business-v2?utm_medium=preview_link&utm_source=designer&utm_content=close-business-v2&preview=8c1076bf485f5a939c236880e6ae91b5&pageId=5fb655a847016d24c6ec39a1&mode=preview

Here you can experience the “live” product: https://close-business-v2.webflow.io/demos

2

Hi, mine is doing the same! Did you ever find out why this was happening?

Thanks in advance!

3

@chloe_wb
That library is quite old. The recent update was 3 years ago.
I recommend you to use the Finsweet CMS library.
Super easy to set up.

4

Thanks so much for your reply, I used finsweet and it works perfectly!