Hi,
I have a Taxonomy called Time of Year, which includes a list of months and seasons.
How can I define the field data order, when I add it to a View Search option? (see attached image)
In addition, is it possible to present the data in two columns?
Thanks,
Nadav
Hello Nadav, and thank you for contacting Toolset support.
Toolset does not offer a way to order the terms in a taxonomy filter, but you can use a 3rd party plugin to do that. Check one of these plugins:
- https://wordpress.org/plugins/custom-taxonomy-order-ne/
- https://wordpress.org/plugins/simple-taxonomy-ordering/
- https://wordpress.org/plugins/wp-term-order/
Regarding your second question, it is not possible to have a multi-select input in two columns. That is how HTML multi-select fields appear. On the other hand, you can use checkboxes display, and those can be spread across multiple columns, using custom CSS code. Check this online thread https://stackoverflow.com/questions/20027595/grouping-checkboxes-css-in-multiple-column-layout
I hope this helps. Let me know if you have any questions.
Thanks,
The plugin works perfectly.
About setting two columns, I'll try to take a closer look at the thread you send. It's not that clear at the moment.
Anyway, I didn't understand where should I put the code. In the "View" top level?
I didn't understand where should I put the code. In the "View" top-level?
This depends on how you are building the view. Using the blocks editor(Gutenberg) or using the legacy editor. Check these screenshots:
- The blocks editor: hidden link
- The legacy editor: hidden link
If you get stuck about having two columns for the filter(as checkboxes), allow me temporary access to your website and I'll try to help. Your next reply will be private to let you share credentials safely. ** Make a database backup before sharing credentials. **
I'll need to know what view and where it is being displayed.
For the "Tours & Sightseeing", I, first, added a class to the filter in the advanced section. Check this screenshot hidden link
This will help me scope the custom CSS to only the filters that have this CSS class.
Then I added the following code to the view's CSS section. Check this screenshot hidden link
.two-cols .wpv-custom-search-filter__input {
column-count: 2;
}
I did the same thing for the "Trip Planner" page too. Basically, adding the class to the filters, then adding the custom CSS to the view's CSS section.
I did this for two filters "Time Of Year" and "Age Groups". If you want to disable this for the "Age Groups" filter, just remove the CSS class from its advanced settings section.
All the best,
Jamal
My issue is resolved now. Thank you!
