Back to contents

JetSmartFilters. How to use the Check Range filter to filter the publications or products

This tutorial explains what steps you need to take in order to create Check Range filter using JetSmartFilters plugin.

JetSmartFilters plugin, among all other things, provides an opportunity to filter product or posts with the Check Range filter. With its help, it’s possible to specify several most frequent range diapasons to provide the visitors with an easy way of selecting only the products or publications that fit in.

To widen opportunities for filtering, you can also use the Date Range widget to filter posts or products using the date they were added, or filter the event date when it’s supposed to take place. Follow the link to read more.

What is more, you can find out how to create a Price Range filter for WooCommerce products from this tutorial.

Let’s get back to our tutorial and have a closer look at the process that will teach you how to create a Check Range filter.

Creating a Check Range filter in WP Dashboard

1 Step — Firstly, navigate to Smart Filters > Add New in your WordPress Dashboard. Here you need to type in the Name, Filter Label and Active Filter Label for your filter.

Check Range filter in WP Dashboard

2 Step — After that, in the Filter Type choose Check Range filter.

Check Range filter settings

3 Step — Then, you’ll need to set the Min and Max Values for your products in the Options List.

Min and Max Values for your products in the Options List

4 Step — You can type in the Value prefix and suffix. In Query Variable field paste “_price” key, or you can select another key from Notes or the one you want to.

5 Step – Don’t forget to click on the Publish button to save the changes.

Filter and Query settings

Adjusting a Check Range filter for products

1 Step — Open the needed page where you want to add the filter.

2 Step — The next step is to drop the Check Range widget to the section.

Check Range widget

3 Step —In the Content settings, you’ll need to need the created filter in the Select filter field. Then, apply this filter for JetWooBuilder Product Grid.

Content settings in the Check Range widget

4 Step — The last step is to click on the Publish button and check how the filter works.

checkboxes filter in the Check Range widget

Adjusting a Check Range filter for publications

1 Step – To adjust a Check Range filter for publications we have previously created meta field with a numeric value. In our case, it was a Text type meta field. Next, we have added the new filter with several options with needed values.

2 Step – Then, we displayed our posts in the listing.

3 Step – After that, we added on the page our listing with events and the Check Range filter.

The result is shown below.

Check Range filter for publications

Congrats! Now you know how to create a Check Range filter with the help of JetSmartFilters plugin.