Filtering a price range with ACF fields

Tips
2

Thank you!
This was very helpful, and I’m now able to create the range slider in a predictable fashion.
There are a couple of issues now which I cover in the video below:

https://jam.dev/c/8bda58f5-682c-407b-a5ba-05247f4d45d7

The main things are:

  • Slider handle jumps erratically if the “Steps” option is changed to a larger number. In my case, I needed steps of $1,000 or $10,000. This caused very poor UX.

  • I need to be able to add thousands separators. By default, ACF doesn’t output this. I use a snippet to format the values elsewhere, but this isn’t picked up in the Cwicly filter.

  • A visual indication to users if the filters do not return any results.

My dev environment is here

Finally, could you show how to have a “Count” filter eg “12 Results Found”.
And an “Order By” filter eg “Highest to Lowest”.

Thanks,

1 Like