Hi thesergie,
Thank you for your reply. I spend some time trying to make it work however I had no success… I don’t know what is the right way to add the custom code I think… Here is what I have done: I created a container and the target elements by adding in webflow a container element with the class “container” and some div elements inside it with the classes “mix category-1”, “mix category-2”, “mix category-3” and these attributes data-myorder=“1”, data-myorder=“2”, data-myorder=“3”. I also added a list element with 3 list items which have the class “filter”. I made all the list items links and added them these attributes data-filter=" .category-1", data-filter=" .category-2" , data-filter=" .category-3" . I also added a background colour and some sizes for the container, the div blocks inside the container and the list items. Then I added this lines in the custom code area first before tag and then to the tag:
<script src="http://code.jquery.com/jquery-1.11.0.min.js"></script>
<script src="http://cdn.jsdelivr.net/jquery.mixitup/latest/jquery.mixitup.min.js"></script>
<script src="main.js"></script>
But unfortunately it didn’t work… I know I might sound like a noob developer. I love the design part. I am a designer, that’s why I don’t know to code yet.
Please if you can let me know what I have done wrong. Meanwhile I will continue to make it work however I think there is something I am always doing wrong.