In the WooCommerce default quantity input box, users can enter their own value. But if you sell products in step quantity(fixed quantity increment) so you want to show the dropdown instead of a quantity input box. So, the users will only be able to select the quantity from the dropdown.
So, In today’s article, I’ll show you how to change the add to cart quantity box into a dropdown with the help of WooCommerce Min-Max Quantities plugin.
Here’s a quick sneak peek of the final results.
On This Page
- 1 How to Change the Add to Cart Quantity Box into a Dropdown?
- 2 Conclusion
How to Change the Add to Cart Quantity Box into a Dropdown?
Here, I’ll show you the step by step process to change the add to cart quantity box into a dropdown with the help of WooCommerce Min-Max Quantities plugin.
1. Install and Activate the WooCommerce Min-Max Quantities Plugin
Note: You can skip this step if you have already installed and activated the WooCommerce Min-Max Quantities plugin.
To install the WooCommerce Min-Max Quantities plugin, you will need to install the Woosuite Core plugin and activate it with the help of a license key. We have created a Quick Start Guide for you to figure out how to install and activate the WooCommerce Min-Max Quantities plugin.
Once you have installed and activated the plugin, now to create the quantity selector dropdown, navigate to Woosuite » Min/Max Quantity Rules from your WordPress Admin Dashboard.
3. Set the Quantity Increment
Now from the plugin’s settings, scroll down to the Quantity Step Value, and in the field set the quantity increment for order.
I have set the step value to 5, which means the users can increase the order quantity only in increments of 5.
4. Enable the Quantity Selector Dropdown
Now, to create the quantity selector dropdown, enable the Display Quantity as a Dropdown option in the plugin’s settings. You’ll find it below the Quantity Step Value field.
Enabling this option will change the default quantity selector box into a dropdown and the users will be able to select the quantity from the dropdown in increments of 5.
Note: Without setting the Step Quantity Value, the quantity selector dropdown won’t work. So make sure, you have set the step value.
5. Save the Changes
Once everything is done, click on the ‘Save Changes’ button at the top right corner to save the changes.
6. Final Results
Now it’s time to test it. To test the settings, visit any of the product pages on your store and you’ll see the quantity selector box has been changed to the dropdown.
Once you click the dropdown, you’ll see that the quantity is increasing by 5 and the users will only be able to select the quantity from the dropdown.
Now you know how to change the add to cart quantity selector input box into a dropdown which will allow the users to select the quantity from the dropdown.
Now it’s up to you, to configure the settings as you want and reach the advanced results. This plugin is the best solution to show the quantity selector dropdown without any hustle with the custom code.
If you have any queries, you can ask them in the comments or contact our customer support. Our dedicated customer support team typically replies within 48 hours.
To get started, download the WooCommerce Min-Max Quantities plugin today!