Back to contents

JetSmartFilters. How to create a Checkboxes filter. A difference between Checkboxes, Select and Radio filters

From this tutorial, you’ll find out the difference between Checkboxes, Select and Radio filters. Also, you’ll learn how to create a Checkboxes filter using JetSmartFilters plugin.

JetSmartFilters plugin has seven strong filter widgets for filtering publications and products. Each filter has its own specifics and functionality.

JetSmartFilters is a perfect tool, that allows visitors to find the products they need easily.

This tutorial explains the difference between Checkboxes, Select and Radio filters and teaches how to create a Checkboxes filter.

Creating a Checkboxes filter

Step 1 — First of all, open your WordPress Dashboard, and navigate to Smart Filters > Add New. Then, type in the Name of the filter, Filter Label, and Active Filter Label.

Fillter labels in Checkbox new filter

Step 2 — After that, you will need to select the Filter Type from the dropdown. Here I select the Checkboxes list. In Data Source choose Taxonomies and in Taxonomy field select Categories.

You can create another Taxonomy, everything depends on your needs. Click on the Publish button to proceed.

Filter settings for Checkboxes list

Step 3 — The next step is to open the needed page and drag-n-drop the Product Grid to the section. Note, that you can showcase your products with the help of other widgets.

Step 4 — Afterward, drop the Checkboxes filter to the section. In the Content settings block choose the filter you’ve created before. Then, apply this filter for JetWoBuilder Product Grid.

JetWoBuilder Product Grid for Checkboxes Filter

Step 5 — When you’re done with the customization click on the Publish button and preview the result.

Checkboxes filter Preview

Difference between Checkboxes, Select and Radio filters

Step 1 — You can add Checkboxes filter for product categories, attributes or custom filed values to help the visitors to get the needed results. Also, Checkboxes filter allows choosing, for example, several products from the list.

Checkboxes filter for product categories, attributes or custom filed values

Step 2 — With Select filter, you can create a stylish drop-down filter, so the visitors can choose one option from the list.

Example of the Select filter

Step 3Radio filter is similar to the Select, as it also provides an option to choose only one product or post from the list, but in the form of a radio.

Example of the Radio filter

Now you know the difference between Checkboxes, Select and Radio filters and can create the Checkboxes filter. Hope this tutorial was useful and you enjoy the result.