1. Home
  2. Knowledge Base
  3. WooCommerce Product Add-Ons Ultimate
  4. Add-On Fields
  5. Number fields and range sliders
  1. Home
  2. Knowledge Base
  3. WooCommerce Product Add-Ons Ultimate
  4. Number fields and range sliders

Number fields and range sliders

In the WooCommerce Product Add-Ons Ultimate plugin number fields allow you to add number input fields to your WooCommerce product. You can also choose to display these as range sliders if you wish. There’s a demo product here for the standard number input field.

Product add-ons number field

To add a number field, just choose ‘Number’ from the ‘Field Type’ dropdown list.

Number field type setting

When you select Name Your Price, you’ll see an additional ‘Number’ tab appear on the settings. Click on this for some settings that are specific to this field type.

Number tab settings

Min value

Enter the minimum permitted value that the user can enter.

Max value

Enter the maximum permitted value that the user can enter.

Decimal places

Specify how many decimal places for the input field on the front end.

Multiply price

Check this field if you would like to multiply the value of the field by the field price. You can set the field price on the ‘Pricing’ tab.

Number range slider

If you wish, you can display a number field graphically as a range slider. There’s a demo product here.

Number range slider in WooCommerce product page

To enable this range slider, click on the ‘Display’ tab and enable ‘Display as Slider’.

Setting number range x.jpg

Note that you will need to enter a Max Value for your number range slider.

Was this article helpful?

Related Articles

  • Calendar lists
    • Plugin: WooCommerce Product Add-Ons Ultimate
    • Content Type: Support Document
  • Select box fields
    • Plugin: WooCommerce Product Add-Ons Ultimate
    • Content Type: Support Document
  • Color picker fields
    • Plugin: WooCommerce Product Add-Ons Ultimate
    • Content Type: Support Document
  • Text swatches
    • Plugin: WooCommerce Product Add-Ons Ultimate
    • Content Type: Support Document
  • Information fields
    • Plugin: WooCommerce Product Add-Ons Ultimate
    • Content Type: Support Document
  • Calculation fields
    • Plugin: WooCommerce Product Add-Ons Ultimate
    • Content Type: Support Document