How to add quantity inputs for your product options

WooCommerce Product Options lets you add an individual quantity picker next to each choice in an option. This is perfect when customers need to choose how many of each item they want, for example a build-your-own snack box, a case of mixed wine, or a set of personalized items where they pick a quantity of each design.

This is different from the single quantity field that WooCommerce shows for the product as a whole. With quantity pickers enabled, each choice gets its own quantity input.

Adding a quantity picker to your options

Quantity pickers are available on options where you create your own custom choices (such as checkboxes or a list of products). To set this up:

Go to Products → Product Options and add or edit an option group.
Add an option and choose an option type that uses custom choices.
Under the choices, tick Display a quantity picker alongside each choice.
Save your option group.

Each choice will now show its own quantity field on the product page, so customers can enter how many of each one they want.

Setting a default quantity for each choice

Once quantity pickers are enabled, a Quantity column appears in the list of choices (click the blue cog icon above the choices if you don't see it). Use this to set a default quantity that appears in the field when the product page first loads. The customer can then change it as needed.

Controlling the quantity picker style and limits

A Quantity pickers section appears in the option settings once you have enabled the picker. Use it to control how the pickers look and behave:

Picker style - Choose between a standard spinner-style picker and a 'stepper' which shows the quantity in the middle with plus and minus icons on either side.
Individual choice quantity limits - Optionally set a minimum and maximum quantity for each individual choice. For example, if you're selling a snack box with a checkbox for each type of bar, you could set a maximum of 2 so customers can't add more than 2 of the same bar.
Total quantity limits - Optionally set a minimum and maximum for the combined choices in the option. For example, if a mix-and-match box holds up to 10 items in total, set the total maximum to 10.

How option quantities relate to the main product quantity and shipping

This is an important distinction to understand. The quantity pickers you add to your product options are completely separate from the main quantity field that WooCommerce adds for the product as a whole.

This means:

Changing an option quantity does not change the main product quantity, and changing the main quantity does not change your option quantities.
WooCommerce calculates shipping based on the main product quantity (and the product's shipping settings), not on the quantities entered in your option pickers. So adding more of an option does not, by itself, change the shipping cost.

If you need shipping to reflect the total number of items a customer selects, the option-picker quantities are not the right tool for that on their own. In that case, get in touch and let us know what you're trying to achieve, and we'll point you in the right direction.

Quantity rules for whole products

The quantity pickers above only apply to your product options. If you want to set minimum, maximum, or step quantities for whole products (for example, forcing customers to buy in multiples of six), you can use our separate plugin, WooCommerce Quantity Manager, which works nicely alongside WooCommerce Product Options.

Still need help?

If searching the knowledge base hasn't answered your question, please contact support.

Get Support