Price slider and Monto multi-currency compability?

Hello everyone,

My current client is asking for a price selector (slider) in the filter panel. You can see it on this website how the filter panel is made: www.exotiqproperty.com/all-listings

We’ve implemented the Monto multi-currency solution that allows the user to change the currency right on the page. The problem that we encountered is that the price slider remains in dollars since you cannot change the currency on it with Monto.

Do you think we can implement a solution with custom code in this situation?

Thanks for helping!
Simon

hey @hello5! Do you have the component already built? Can you go into a little more detail about what the user will do to change the currency?

Yes, it’s already built in the navigation bar, there’s a currency picker. You can change to different currency that we entered and it changes the price right on the page.
My client wants the user to be able to filter properties by price using a range slider. But this becomes a bit difficult to implement because the range slider is limited to the min/max we choose and the currency we choose to display next to the slider.

@hello5 I think this can be done with custom code, you’ll need to detect a change on the currency radios and then modify the sliders with the callback function:

<script>

  window.fsAttributes = window.fsAttributes || [];
  window.fsAttributes.push([
    'rangeslider',
    (sliderInstances) => {
      console.log('rangeslider Successfully loaded!');

      console.log(sliderInstances);
    },
  ]);
</script>

You might need to reload the rangeslider script, this can be done with

window.fsAttributes.rangeslider.destroy();
window.fsAttributes.rangeslider.init();

I can not write this solution but I can help you debug it if you need any help :slight_smile:

1 Like