Help Center

Check Range Filter Overview

Check Range Filter Overview

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

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

Let’s have a closer look at the process of Check Range filter creation.

Creating Check Range filter in WordPress Dashboard

Name the filter

Navigate to the Smart Filters tab in your WordPress Dashboard and click the “Add New” button. Here you need to type in the Name, Filter Label, and Active Filter Label for your filter.

check range filter in wordpress dashboard

After that, in the Filter Type drop-down menu, choose the “Check Range” option.

check range filter settings

Define the check range filter’s settings

Click the “New Option” button and set the Min and Max Values for your products in the Options List. You can add as many ranges as you need.

min and max values for your products in the options List

You can type in the Value prefix and suffix. They will be shown before and after the range value. Thousands separator and Decimal separator will be the characters that visually divide the values. In the Number of decimals field, you can set how many of them will be shown as a range.

In the Query Variable field you should put the name of the meta field. The values in that field will be sorted by this filter.

Don’t forget to click on the “Publish” button to save the changes.

filter and query settings

Assigning a Check Range Filter to Products

Open the page where you want to add the filter in the Elementor page builder. Drop the Check Range widget to the section.

check range filter widget

In the Content settings, you’ll need to choose the created filter in the Select filter field. Then, apply This filter for the “JetWooBuilder Product Grid”.

content settings in the check range widget

Fill in the other fields, define the widget you are working on within the Query ID field (the details about how to do that you can find in this tutorial), and do the styling. The last step is to click on the “Publish” button and check how the filter works.

Assigning a Check Range Filter to Publications

To apply a Check Range filter to publications, you have to create a meta field with a numeric value first. It has to be assigned to a Custom Post type. You will be filtering posts of that type.

Create a listing for that CPT and display the posts in the Listing Grid on the page.

After that, drop the Check Range filter widget to the page.

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

Was this article helpful?

Need help?

Ask Facebook community

Get answers from 22K Crocoblock Community experts from all over the world.

Start a live chat

Ask question to support agent and share its details via chat messages.