Jump to content
Sign in to follow this  
Alejandro

New & FREE Filter Range Slider Add-on released

Recommended Posts

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.

image.png

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

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.

image.png

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:

image.png

Enjoy!

Alejandro

Share this post


Link to post
Guest
This topic is now closed to further replies.
Sign in to follow this  

×

Important Information

We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue. Please refer to our Privacy Policy.