Skip Navigation

[Resolved] Setting up Taxonomy filters to allow multiple options as checkbox

This thread is resolved. Here is a description of the problem and solution.

Problem:

How to setup the taxonomy filter field in custom search form as checkboxes field?

Solution:

You can find and select those two taxonomy filter fields, and change the option "Type of control" to "Set of checkboxes"

Relevant Documentation:

This is the technical support forum for Toolset - a suite of plugins for developing WordPress sites without writing PHP.

Everyone can read this forum, but only Toolset clients can post in it. Toolset support works 6 days per week, 19 hours per day.

Sun Mon Tue Wed Thu Fri Sat
- 9:00 – 13:00 9:00 – 13:00 9:00 – 13:00 9:00 – 13:00 9:00 – 13:00 -
- 14:00 – 18:00 14:00 – 18:00 14:00 – 18:00 14:00 – 18:00 14:00 – 18:00 -

Supporter timezone: Asia/Hong_Kong (GMT+08:00)

This topic contains 7 replies, has 2 voices.

Last updated by katinaA 9 months, 2 weeks ago.

Assigned support staff: Luo Yang.

Author
Posts
#2291259

I am trying to set up a View that will display on a page. On the initial page load, the page will show all Partners. But there will be filters on this page for two taxonomies to allow end users to filter the results by their chosen taxonomy options.

I have this working as desired here:

hidden link

The filtering is working. The problem I have now is I do not want the filter to be a drop-down that only allows a single option to be selected. I'd like the options to display as checkboxes that the user selects to allow multiple options to be selected before they hit the Submit button.

I'd also like these filters to appear as a left side column on the page instead of above the results output. The page we are trying to emulate is here:

hidden link

Note that on this page we only have one taxonomy filter for Activities. The way we are setting this up on the new site is to have two taxonomies for Activities and Amenities. Can you show me how to make the options be shown as checkboxes and how to display them in a left sidebar to the side of the results? Any assistance you can provide or steer me to here will be greatly appreciated.

#2291539

Luo Yang
Supporter

Languages: English (English ) Chinese (Simplified) (简体中文 )

Timezone: Asia/Hong_Kong (GMT+08:00)

checkboxes1.jpg

Hello,

You can find and select those two taxonomy filter fields, and change the option "Type of control" to "Set of checkboxes", see my screenshot checkboxes1.JPG

#2291639

How would I do it in the classic editor not the block editor?

#2291649

Luo Yang
Supporter

Languages: English (English ) Chinese (Simplified) (简体中文 )

Timezone: Asia/Hong_Kong (GMT+08:00)

checkboxes2.jpg

With classic editor, you can edit the post view, in section "Search and Pagination", select the taxonomy filter shortcode [wpv-control-post-taxonomy ...], click button "Edit filter", and change the option "Type of control" to: Set of checkboxes
See my screenshot checkboxes2.JPG

#2291687

I highlighted the filter shortcode and clicked Edit filter and it did not take me to the screen in your screenshot. I remember that screen when I set up the filter initially though and now know I have to pick the correct option from there.

Since I couldn't get there, I tried changing the type=select to type=checkboxes and that worked. It's now displaying the options as checkboxes here:

hidden link

Now how do I get these options to display as a left sidebar instead of above the output?

#2292417

Luo Yang
Supporter

Languages: English (English ) Chinese (Simplified) (简体中文 )

Timezone: Asia/Hong_Kong (GMT+08:00)

For the new question: Now how do I get these options to display as a left sidebar instead of above the output?

You can edit the post view(ID: 9924), in section "Output Editor", customize the outputs with custom HTML + CSS codes, and try to style them as two columns.
https://toolset.com/documentation/user-guides/views-shortcodes/#wpv-filter-meta-html
https://toolset.com/documentation/user-guides/views-shortcodes/#wpv-layout-meta-html

If you are using Blocks editor to setup the post view, it will be very easy to style it with Toolset grid block, see our document:
https://toolset.com/course-lesson/responsive-columns-and-grids/

#2293413

OK, that was an easy one. I didn't realize that Output Editor was the place to do this. Now that you've shown me that, obtaining the desired results was easy.

hidden link

Woo-hoo!

Thanks again.

#2293417

My issue is resolved now. Thank you! Knocking out these issues one by one very well thanks to your awesome support.