I saw some similar topics about this but I am not good at coding. If you know how to add the Mixitup plugin (or eventually another plugin, if you know a better one) to the Webflow editor please let me know and if you can give me some basic steps on how to do it, that would be great! Any help would be appreciated. Thank you!
Meanwhile I will continue to make it work however I am not sure I will have any success.
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:
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.
You may have everything set up correctly. It’s important to note that adding custom code to the site settings will not be reflected in the designer. You’ll have to publish your site and test it there to see if it works. Have you tried that?
I just published the site. However it is still not working. Here is the link http://mixituptest.webflow.com/# The design is very basic, I wanted just to see if it works first.
Thank you for your reply. I just did what you suggested me to but it is still not working. I feel pretty noob right now, sorry for bothering you guys with this. I am not sure what I am doing wrong…
Hey, do you have a functioning site with this implemented? I’d love to take a look. I have a new page for a client who wants this type of functionality.
I’ve recreated this Codepen exactly in Webflow, though when using filters, the targets (shapes) jump in and out. I’ve had the same issue with other projects – any ideas?
Hi @joshhopkins, sorry I do not yet have a root cause for this yet, but I am still investigating this…sometimes the custom code things take longer as it is not a standard supported feature. As soon as I have more info, I let you know
Hi @dunnope, May not be exactly what you’re looking for, but if the existing plugin (mixitup) is causing trouble - try a plugin that has been successfully integrated with Webflow sites in the past: http://isotope.metafizzy.co/
Hi @joshhopkins. I am not entirely sure what is wrong with the copy of the site you were working on with this mixitup plugin, but I was able to get this to work without the jump in and out issue:
You can clone this if you want. I hope this helps !