Since the MixitUp released a new version of their plugin MixitUp3 I started a new series of the tutorials. Please, check up a new tutorial on http://mixitup-webflow-tutorial.webflow.io________________________________________________________________
Hello, guys and gals!
Finally, I had some free time and put together the tutorial how to use MixItUp jQuery plugin for filtering Dynamic collections in Webflow.
It can be used for images, blogposts, articles or anything that you need to categorize
Most amazing in this, that with help from @bartekkustra we were able to set filtering buttons to be dynamic too. So now, when you are adding new category and new items it will automatically appear in the filters and content.
I tried to write it as much detailed as possible, but feel free to ask if you have any questions.
All information, code snippets and examples you will find here:
You are welcome to clone this tutorial and use it for your projects. But DON’T FORGET that using MixitUp for non-personal projects required PAID LICENSE.
UPD: Since there were many situations when dynamic item structure was different from what I have in my tutorial, here is a little explanation how it will affect the code snippet:
In the code snippet, we are taking the text from the node CATEGORY and creating a class for its PARENT NODE. So if you move CATEGORY deeper inside the Dynamic item structure, you will have to add one more
.parent() parameter for each “layer”