The WooCommerce Quantity Selector is a powerful tool that allows users to select quantities of products, set their prices and display them on the product page. However, sometimes this tool will work fine in some browsers but not others.
In this article we cover 6 ways to fix the problem and give you an explanation for each step.
Also I’ll be breaking down the most common issues and then suggesting some methods for fixing them so that your website doesn’t suffer any further.
Method 1: Check Your Product Table Quantity setting
When you create a product table with our Woo product table plugin,
You do not worry about the quantity selector. it will work beautifully with the table. If not, you have to check a few settings.
When you choose a Quantity column, it will be added to the table automatically.
Then click on the Expand option like in the screenshot below.
After clicking it, the settings area will slide down. Then scroll down and find the Hide column label for Mobile/Tablet.
and also the Toggle Show Hide option. Check the screenshot.
If Hide column label for Mobile/Tablet and Toggle Show Hide options are ticked, then untick these options.
At last, I clicked on the SAVE CHANGE button to save the setting. Then your quantity selector will work perfectly.
Final look of this product table.
Method 2: Conflict with theme or another plugin
One of the most common reasons for the quantity selector not working is because it conflicts with your theme or another plugin.
As per our solution, we recommend that you first deactivate all plugins one by one, except WooCommerce and Woo Product Table, and refresh your shop page and check if the product selector is working or not.
In that way, you get a plugin that will Conflict with the selector function.then you need to reactivate the plugins one by one except the problem ones.
If this way doesn’t work then,
Try switching to a default theme example: TwentySeventeen,refresh your shop page and product .
If the quantity selector is working, it means you have some issues with the theme. That way, it’s not working perfectly. Contact your theme provider to solve the problem.
Method 3: Product Inventory Configuration
When you activate the Woocommerce plugin, you will get a product menu bar on your WordPress dashboard. Here you have full access to control your products’ inventory setting.
- Access your WordPress admin and go to WooCommerce > Products.
- Suppose you have a product called “Hoodie with Pocket”. Click on the Edit option to customize its inventory setting.
3. Scroll down and you will get the Product Data section.
4. Here click on the “Inventory” tab.
5. After clicking on the “Inventory” tab. you will see an option named “Sold Individually.”
6. Untick the option labeled as “Enable this to only allow one of this item to be bought in a single order” if ticked.
7.
- Click on the “Update” button to save changes.
After Untick the Sold Individually option, have a look at the product interface with the Quinty selector.
Method 4: Woocommerce Quantity Hooks
This can be done with the following custom hook function in the woocommerce_quantity_input_args filter hook.
Here I target products with a quantity of 1 on the Single product pages.Use this code in your function.php file of your active child theme (active theme).
You can display the quantity field in 2 alternative ways:
1) Setting an empty value to ‘max_value’ (that will allow to set any value in the field):
2) Set the min value to 0 (but the quantity field can be set to zero in this case):
Method 5: Broking JavaScript Fixing
On Chrome, right-click on the broken quantity selector.
Click ‘Inspect Element’ and then click on the ‘Console’ tab.
If you can see errors, that means it is breaking the JavaScript in the quantity buttons.
These errors are created by theme issues or plugin conflicts.
First you have to fix it, and then the quantity buttons should start working.
Method 6: Check Your SSL Certificate
An SSL certificate is a standard security technology that encrypts information between a visitor’s browser and your website.
Sometimes it blocks the quantity picker.
You’ll want to double-check your website’s server and every page of your website.
Installed an SSL certificate from a popular provider like Bluehost, GoDaddy, or Namecheap Server.
Do you have quantity increments or a maximum or minimum quantity plugin?
Yes, we actually have a Min Max Quantity & Step Control plugin that will work perfectly with the Woo Product Table.
Please check out our Min Max Quantity & Step Control plugin related documentation. That will give you better knowledge of this concept with some useful guidelines.
We recommend you buy our latest Min Max Quantity & Step Control plugin and get awesome features that will increase your sales in a dramatic way.
It gives you an extra feature: you can set the Minimum Quantity , Maximum Quantity and Quantity Step
Final Words
Fixing a WooCommerce quantity selector issue can be done in a number of ways. Knowing which steps to take is key, so be sure to read the full article for more information on how to fix your specific problem. Be sure to also check out the helpful resources below for more help!
Hopefully, after following these simple steps, your shop will be functioning as it should be and you can move on to more important tasks. Thanks for reading!
If none of these solutions work, it might be time to call in an expert!
Contact Us : Support Team