New & FREE Filter Range Slider Add-on released

[Alejandro]

Hi,

Today we are releasing a new free Add-on available to all clients with an active subscription. The Add-on works together with the Advanced Filtering Module/Widget to convert decimal and integer custom field filters into a visual slider with handles that can be dragged to set the search range.

You can test drive the Add-on on the demo site in product and classifieds categories:

• https://demo.jreviews.com/products-catalog
• https://demo.jreviews.com/classifieds/real-estate
• https://demo.jreviews.com/classifieds/used-cars

The Add-on lets you choose which fields to convert and has several settings per field so you can adjust the range limits, formatting and prefix and suffix to add before the number. In the image below, you can see what the Add-on admin dashboard looks like.

If you want to customize the color of the slider bar, you can do it with a bit of CSS:

.jrSliderInput .ui-slider-range {
  background: #ffc107;
}

If you want to have a different color for different fields, just include the parent selector for the field. For example, for jr_productprice:

.jrProductpriceFilter .jrSliderInput .ui-slider-range {
  background: #ffc107;
}

The end result looks like this:

Enjoy!

Alejandro