Adding Price Range filter to a view

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

Problem:

I needed to add a price range filter to a Toolset View (number field: sale-price-toolset) and wanted simple ranges (e.g., $0–$2000, $2001–$4000), but couldn’t get any approach to work.

Solution:

Add a BETWEEN filter on the price field to produce FROM/TO inputs, hide those inputs, and use JavaScript to control them (e.g., a range slider) so the View receives min/max values; this approach worked after testing.

Relevant Documentation:

https://jqueryui.com/slider/#range

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.

This topic contains 1 reply, has 1 voice.

Last updated by webD-3 11 hours, 28 minutes ago.

Assisted by: Christopher Amirian.

Author

Posts

November 7, 2025 at 3:52 pm #2833650

webD-3

hidden link

I have successfully added filters for 3 taxonomies - location, styles and dimensions.

Select posts with taxonomy:
For Sale Locations slug in one of those set by the URL parameter wpv-for-sale-location
eg. hidden link
AND
Shed Styles slug in one of those set by the URL parameter wpv-shed-style
eg. hidden link
AND
Filter based on the frontend search filter by Shed Dimensions.

Again, the above works perfectly.

However, I am struggling with adding a filter for price range.

The fieldname is "sale-price-toolset" and is a Toolset Number field.

I was hoping to have some checkboxes for a handful of ranges. $0 - $2000, $2001-$4000, and so on. Not sure of the actual ranges yet, but that's the idea.

I've tried a number of different approaches, manually and with some help from AI, but nothing has worked. If you could assist, by pointing me in the right direction, I'd greatly appreciate it.

As I'm typing this, I just deleted my testing data so that the client can begin inputting their real data. By the time you see this, there hopefully will be some real content on the page.

Thank you for your assistance!

November 9, 2025 at 1:51 pm #2834052

Christopher Amirian

Supporter

Languages: English (English )

Hi, welcome to Toolset support.

Toolset doesn't offer a range filter, you would need to take the existing filter controls and convert them to a range filter using JavaScript.

A range filter implies a BETWEEN comparison, with filters for the FROM and TO values.

So insert a filter in your View for the custom field, using the BETWEEN comparison, and that will add the FROM and TO inputs.

If you study the resulting markup, it should be possible to modify the display to present it as a range slider (while still submitting the existing inputs, which you will hide).

We don't have a copy/paste code available for this. You can consider JS lbraries such as hidden link

Thanks.

November 11, 2025 at 11:31 pm #2834629

webD-3

Christopher,

Thank you. I have success. Thank you for pointing me in the right direction. I was afraid I was making it too complicated, while in fact my initial attempts weren't complicated enough. An hour of trial and error this evening has me with a working solution. Thanks again for your help.