@sabanna Thank you so much for your help! This makes so much more sense now!
Sorry to bug you on this! But one more question,
I have put the CMS mix into a responsive grid with the autofit method.
The problem is that when I use the filter
it will first filter out and then have a really harsh resizing. Is it possible to
smooth out the resizing?
And while on the topic, is it possible to sort the filter button by hue like how you can in the CMS collection page?
Thank you so much for your tutorials! I was wondering, is there a way to have a filter preselected when coming in from a specific page?
In my scenario I have an ecommerce site where I have categories listed on the homepage and when one is clicked I want to go to the product grid page that has all the products and the filters but with that specific category they clicked on to be already selected in the filters.
Hi @sabanna
Huge appreciation for all the tutorials youāve made. Iāve managed to build a CMS checkbox filter and now Iām wondering if it is possible to reverse it: a checked item disappears from the container? The end goal would be to allow an allergic person to remove a ticked product from the search result. Iāve tried to change: mixer.filter(selectorString); to remover.filter(selectorString) and it āsort ofā worked, but not perfect.
First of all, thanks a lot for this tutorial, itās really amazing!
I achieved to do most of the part youāre explaining on your Tutorial. But now Iām quite lost haha.
When I use the filters on my catalog, it seems that only the āreset filtersā button is working and I donāt get why.
When we click on other filters button, it show no product for each categoryā¦
Here is my read-only link, could you have a look and help me there ?
No I didnāt change anything yet, and itās still not working on the live version of my website
Iām sharing below some screenshots of the live version:
This first screenshot is on the āno filter selectedā or āreset filterā has been clicked.
Hey @sabanna, again thanks for your time and your research here !
So your gif help me understand why itās not working actually.
Iām using a solution to have multi-language on my site (weglot).
So I see that filters are working also on my side but only when itās on italian language (default language) which is the language I used to set up mixitup.
Once I switch to French or English, filter does not work anymore. Is there any way to make it work also when I switch to FR or EN ?
FIY : when you switch to FR or EN, domain name switch from www.utis.shop/catalog to :
FR: www.fr.utis.shop/catalog
EN: www.en.utis.shop/catalog
Not sure if there is anything to deal with that but just wanted to share all info I have on my side.
Your guess is right, the translation is interrupting filters setup.
When the user switches t a different language, all content on the page got translated, including those hidden āfiltering categoryā divs. Then, the script from the mixtup setup āreadā the category name on each dynamic item and creates a class for further filtering. And, since those categories are translated now, the class-name will be different from what you have on the Italian version.
Also, I have tried to turn off the animations with the extra code you mentioned on another thread, but every time I do, it just makes the filter effect stop working completely.
In your project, there is nothing wrong with the code. The issue is that you put checkboxes from different types of categories into separate forms. Therefore, the plugin only recognizes the very first one and simply ignores anything else.
You can recreate all the same structure (sections, divs, etc) but inside one form, then it should work with multiple filters applied.
Hi Sabanna, thanks! That worked, but I have a few more problems now. The first being that the āAllā checkbox doesnāt uncheck itself when you click one of the other options. Also, the filtering seems to be working independently. So if I filter only locations in Tanga, and then also try and narrow it down even more by clicking Part-Time, it will show me the part-time options that are in all locations. Rather than only the part-time locations in Tanga. I want the filtering to be āANDā and not āORā between the filter groups (not within an actual group).
I see what you mean. Unfortunately, you canāt get this work without adding a āmulti-filterā addon from MixitUp. With basic functionality, you can only control logic INSIDE the group but NOT BETWEEN groups.
Hope youāre well?
I was trying to use your MixitUp code on a template and canāt get it to work. It works perfect for me when I recreate it on a blank code sheet, but not a template.
The code is like-for-like to yours and the template itself has no scripts which could override it.
If I click any categories, they disappear.
Any idea what could be causing this not to work?
Hey @sabanna
Thanks for the quick reply!
Iām a bit confused by this as my setup is exactly as your clone setup i.e. data-filter is on the button only. (See screenshot) However when you click on a category the data-filter selects that class, i.e. above .packaging.
The same thing happens to the code on your clone when you select a category. (See screenshot)
What am I doing wrong?