Although the numericMenu widget only allows the user to select a single value at once, there are two potential workarounds that will serve most multi-select use cases.
For example, if you have a numeric menu with price ranges but you would like for the user to be able to select multiple ranges:
- You can create a custom component. Essentially, you would provide your price ranges as options and concatenate all selected values into a filter with
OR
operators in between:price<100 OR price>200 OR...
. - You could add a
price_range
attribute to all of your records with a value that identifies the item's pre-defined price range. For example, a record could look something like this.{
"objectID": '123',
"price:" 120,
"price_range": '100-200 $USD'
}
Then you could use a refinementList widget (which allows for multi-select) for theprice_range
attribute instead of anumericMenu
.