Filtering between Minimum and Maximum Values

Ross Moderator

#81256

Hi Jeykumar

I had a look and there is no issue with the way “input overlaps” works. Its supposed to work like that.. if there is any overlap at all between the two ranges (input & meta) then its considered an overlap, and a match will occur on the posts.

I tried to explain with an image – this shows all occasions where input IS overlapping, so would it would return the posts:

I think what you are trying to do using “input overlap” will not work.

I think your original idea of updating both handles when one of them moves is the only option (and choosing compare mode input within post meta.. S&F wasn’t designed to have a single handle…

I will put this on the feature requests list.

To point you in the right direction… you already know how to select the noUiSlider from our previous post:

var slider = jQuery('.sf-field-post-meta-_price .meta-slider')[0];

so you have to detect when the value of slider is changed and then update the other handle automatically – I think you want the slide or change event.. this may help:

https://refreshless.com/nouislider/events-callbacks/

Hope that clears things up a little bit.

Thanks

Anonymous

#82932

Hi Ross,

Can i achieve what i need using the Jquery which u specified above?
If so can you provide me an example code on how to do it?

Thanks

Ross Moderator

#83186

Hi Jeykumar

I touched on some of the JS that will be needed, but what you require is a chunk of custom work doing to get this working the way you want – I’m afraid this is out of scope of support as it would fall under custom development.

As you want to move one handle at the same time as the other, it might be worth asking on the noUiSlider github / forums.

Hope that helps and you get it working!

Best

Anonymous

#84029

Hi Ross,

Thanks for your support.

Regards,
Jeyakumar

[Author]

Posts