1. Home
  2. Knowledge Base
  3. WooCommerce Product Add-Ons Ultimate
  4. Field Types
  5. Number Range Slider
  1. Home
  2. Knowledge Base
  3. WooCommerce Product Add-Ons Ultimate
  4. Number Range Slider

Number Range Slider

You can use a graphic slider to allow the user to set a numerical value.

WooCommerce number range slider field

The user can drag the slider left and right to decrease or increase the value of the field. The actual numerical value is displayed to the right of the slider.

To add a number range slider:

  • Add a new field
  • Select ‘Number’ as the field type
  • Enable the ‘Display as Slider?’ option
WooCommerce number range slider settings

Note that there are a few other settings that you need to take care of:

  • Min Value: you should enter a minimum value for your field to set the low end of the slider
  • Max Value: you should enter a maximum value for your field to set the high end of the slider
  • Default: you should enter a default value to specify where the slider starts
Number range slider field additional settings

Was this article helpful?

Related Articles