Programmatically set price range

  • Resolved mvereijken

    (@mvereijken)


    3 years, 11 months ago

    Hi Support, I’m working on a decision aid tool that will help the user find the right product. This tool is connected to the filters and updates the filter values when the user gives an answer.

    I got this working for filters that work with checkboxes. However, in the 3rd question we would like to ask in which price category the user is looking. When the user makes a choice here, the price filter must be set correctly based on the selected option. I managed to adjust this visually but this does not seem to trigger the correct script within your plugin so nothing is done with the changes within the price range slider.

    Could you explain how I trigger this script within my own javascript code? Or is there a way I can display the price range slider twice on the page? Then I’ll display one in the filter popup and one in the selection tool.

    Thanks in advance!

    The page I need help with: [log in to see the link]

Viewing 3 replies - 1 through 3 (of 3 total)
  • Plugin Author RazyRx

    (@razyrx)

    Hello,

    Plugin uses jQuery UI Slider for “Slider” styles https://jqueryui.com/slider/ and Ion.RangeSlider for “New Slider” styles https://ionden.com/a/plugins/ion.rangeSlider/

    You can use functionality of those sliders to update values.

    Regards,
    Oleg

    Thread Starter mvereijken

    (@mvereijken)

    Hi Razy, thank you for the quick reply. I tried updating the values of the range slider for both slider variants but although I manage to visually adjust the values, they are not included when updating the filter results. My code will automatically update the results after setting the right slider values. Since the filters are automatically refreshed after doing this I mainly care about passing on the changes to your plugin so that the url is correctly adjusted and the results are based on this url. Is there any way I can achieve this without having to reload the page?

    Alternatively, Is it possible to display a range slider filter twice on one page?

    Plugin Author RazyRx

    (@razyrx)

    Hello,

    For jQuery slider code .slider( "values", [55, 100] ); work correct and change slider.

    Regards,
    Oleg

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Programmatically set price range’ is closed to new replies.