(De)selecting items when using duplicate taxonomies

Anonymous

#265560

Hi, I got my form to work pretty smoothly except for one thing. I have a taxonomy that I want to appear as checkboxes on desktop, and a dropdown form on mobile. I did this by adding the taxonomy to the search form twice, and using CSS to hide one or the other depending on viewport. The field in question is called “genre.”

It looks like it works, but on closer inspection, there’s some issues.

On desktop with the checkboxes, I can select one genre fine. But selecting a second genre doesn’t work, nor can I de-select the first genre.

On mobile with the dropdown, I can select a genre and switch to a different genre, but I can’t go back to “all genres.”

I know duplicate taxonomy fields isn’t really how this is supposed to work, but I couldn’t think of another way to accomplish different field types depending on viewport. Is there a different way to accomplish that? Or a way to get this solution to work?

Thank you!

Trevor

#265589

For the moment, and this will change in V3 (due in a few months), you can have only one form on the results page (regardless of view – mobile or desktop) and each field can use a source only once. So, what you describe will cause problems, as you have seen. The best for now is to make the field a dropdown on all devices, and also make it a combobox, and make sure, in our plugin settings, you are using the Select2 script for comboboxes (and not Chosen), as this works best on mobile.

[Author]

Posts