Skip to main content

PriceRangeFilter widget

stylefilter.addWidget(
  stylefilter.widgets.PriceRangeFilter({
    container: "#price-range"
  })
);

Options​

title - string​

default 'Price'

step - number​

Sets step number for range slider.

default - determined by Back-end

currency​

currency - object​

Options​

locale - String locale {Language code}-{Country code} code - Currency code 'USD', 'KRW' position - Available values are null, 'start', 'end'. If set to null positions is deccided by locale. symbol - Sets currecy symbol, if different than locale symbol is required rate - Currency rate to convert the given price.

stylefilter.addWidget(
  stylefilter.widgets.PriceRangeFilter({
    container: "#price-range",
    currency: {
      locale: 'en-US',
      code: 'USD',
      position: null,
      symbol: null,
      rate: 1,
    },
  })
);

By defaul locale ko-KR formatted with '' symbol on the start. But if it should be formatted with '원' at the end this is example setting -

currency: {
  locale: 'ko-KR',
  code: 'KRW',
  position: 'end',
  symbol: '원',
  rate: 1200,
},