From what I can see in your project it has Radiobuttons, not Checkboxes
You are applying values that start with numbers and contain capital letters. It will not work because values should be actual classes. CSS syntax is not allowing to use capital letters and classname cant start with the number. so, for example, instead of .75CL you need to use ._75cl
Did anyone ever build a working version of MIXITUP with dropdowns + a couple of check boxes and text search? Would love to take a look at a live / preview site if you managed it - I’ve been trying on and off for weeks now!
it seems you do not have any reference to your categories inside your mix div. Mixitup can’t know which div has which categories if those are not referenced within the mix div you set up.
@olivierp unfortunately I don’t think people will make their project clonable since Mixitup 3 multifilter require a paid licence.
However, I recently did an extensive Mixitup 3 one dimensional filtering research which I published in this post. Feel free to have a look, you’ll get an idea of what I mean by referencing the categories (here refered as “categ”). You can also have a look at the associated codepen where you can have a look at the structure you should be reproducing in Webflow.
Hi - just having a look at this for you because I have similar problems.
In your second example everything seems to be working as expected because the only “health and social” jobs are “full time”. However i did find an error with your search:
If you select “technical” from the second dropdown and then type “su” in the keyword area - ALL matching jobs appear and the filter does not take into account the existing filter. This is a similar problem I am having.
If anyone has a solution I would love to hear it - I will keep working on it and will share the results when I eventually solve it
I will share my project with you later if I can - if not it will be tomorrow.
My friend is a very experienced JavaScript developer and he is coming to help Friday so he will hopefully solve it for me then and ill share my results with you all!
Type “support” in the text input, now select “health and social” - the results are all “health and social” but do not consider the text input.
Pick “health and social”, now type “ant” into the search input - the results include a result in the “technical” feild as the “health and social” input is no longer considered.
I have found many example of mixitup working and I am sure this is a simple change to the code so that the function considers all inputs when any changes are made - unfortuantely I do no know how to make it work.
Please let me know if you need me to explain it further or if you can help. Thanks again!
Just wondering if anyone else is working on this? I am yet to find an example with text AND dropdowns (or check boxes) working correctly. If you have seen one please send me a link. Thanks!
Hi there, thanks so much for the tutorials. I have one quick question. Would it be possible to set this up in such a way that if I have a set of product categories in a shop, such as “Necklaces” “Pendants” “Earrings”, but had sub categories ONLY for Earrings like “Stud Earrings” “Long Earrings” etc, then when I click the main earrings category filter, a set of filter buttons for filtering those sub-categories appears. A kind of sub-filter? But only visible on categories that have sub-categories?
Thanks @sabanna . Good to know. Do you mean custom animations as in interactions? I imagine the design to have a set of filter ‘buttons’ for the top level products and then sub-filters would just appear underneath.
Hello, I have a problem with my website.
I want to filter after the colours available for a T-Shirt. Some T-Shirts all have the same colours available, for example colour white and black.
All T-Shirts together I have 6 different colours available but the maximum colour variaton of one T-Shirt is only 4 but I still have to create 6 refernce fields to not mix up the class names and actual colours.
But my issue is that the maximum amount of refernce fields is 5 so I can`t create every single refernce field for every colour.
read only link: link
My collection is on the categories template