Wooassist

Assistance for Your Woocommerce Store

  • How it Works
  • Pricing
  • Site Maintenance
  • Blog
    • How-To Articles
    • Code Snippets
    • SEO For E-Commerce
    • Theme and Plugin Reviews
    • Wooassist News
    • WordPress/WooCommerce News
    • Interviews
  • About Us
  • Contact
You are here: Home / How-To Articles / How to Add a Quantity Field on Your WooCommerce Shop Page

How to Add a Quantity Field on Your WooCommerce Shop Page

April 7, 2017 By Nick J 30 Comments

counting-cubes-quantity-on-shop-page

By default, WooCommerce does not allow users to change the quantity of the product on the shop page before adding to cart. To change the quantity, users would have to proceed to the cart page which can be an arduous process. In this post, we will show you how to add a quantity field on your WooCommerce shop page.

If a customer wants to buy three sunglasses, and you only have the “Add to Cart” button on the shop page, the user will have to go to the Cart to edit the quantity that he/she wants to buy. This takes a few extra clicks and can become a real problem if the customer wants to shop for more items.

Less Clicks to Checkout

It is important to note that less clicks leading to the checkout page leads to more sales. As an e-commerce store owner, making your store more profitable should be on top of your priority list. Another way to reduce clicks to checkout is allowing the customer to check out as guests without the need to create an account.

Also, refrain from asking unnecessary information. At the very least, your checkout page should only have the name, address, email and phone number fields aside from the payment details.

Quality of Life Improvement

Adding the quantity field to the shop page is a good quality of life improvement that many of your visitors would appreciate. Instead of having to navigate to the cart or the product page to increase the quantity, they can increase the quantity from the shop page. If you think about it, making it easier for your customers to purchase more of your products means more sales for you.

A Necessity for Some Online Stores

How to Add a Quantity Field on Your WooCommerce Shop PageAdding the quantity field to the shop page is a necessity to some stores where buying several pieces and having repeat sales are common. For example, buying canned cat food in bulk is common so if you own a store selling pet food, having the quantity field on the shop page will really help. Many of your customers will be buying again after some time. They can just add the products directly from the shop page since they know what they are buying and no longer need to see the product details.

How to Add a Quantity Field on Your Shop

You can use the Quantity Field on Shop Page for WooCommerce plugin to add a quantity field on your WooCommerce shop. Just install the plugin and activate it. There are no settings to tweak. Once the plugin is activated, the quantity field should be on your shop page.

Did this plugin work for you? Do you have any questions or ideas on how the plugin can be improved? Let us know in the comments.

People that read this article also liked

How to Edit Footer Credit Text in Storefront ThemeHow to Edit Footer Credit Text in Storefront Theme “Where Did You Hear About Us Field” on WooCommerce checkoutHow to Add “Where Did You Hear About Us” Field on WooCommerce Checkout Storefront-Top-Bar-screenshot-sampleHow to Add a Top Bar in Storefront Theme blog-laptop-caricatureHow to Show Only Blog Excerpts in Storefront Theme

Filed Under: How-To Articles, Theme and Plugin Reviews Tagged With: best practices, e-commerce, how-to, navigation, plugins, website development, Wooassist, WooCommerce

Comments

  1. DMJ says

    March 19, 2018 at 4:07 pm

    I installed and activated the plugin (v1.1.0) but it didn’t work. Does only apply if you have the premium version of woocommerce?

    Reply
    • Rob says

      April 10, 2018 at 3:04 pm

      Hi DMJ,

      We’ve tested the plugin and it still works. Can you try deactivating your other plugins except WooCommerce to see if it will work? It might be a conflict with another plugin that you are using.

      Let me know how it goes.

      Reply
  2. Javier says

    March 28, 2019 at 2:55 pm

    Doesn’t work on WordPress 5.1.1, any idea?
    Thanks!!

    Reply
    • Rob says

      April 5, 2019 at 11:48 am

      Hi Javier,

      We tested this and it is working with the latest versions of WordPress, WooCommerce and Storefront theme. Please try deactivating your other plugins as there might be a plugin conflict.

      Reply
  3. William says

    December 11, 2019 at 11:39 am

    How can i change the position of field ??

    Reply
    • Rob says

      December 26, 2019 at 4:06 pm

      Hi William,

      Unfortunately, this feature is not yet available in the plugin. We may consider adding it in the feature if there are more requests for it.

      Reply
      • Florin says

        April 15, 2020 at 8:19 pm

        it would be nice to have it

        Reply
  4. Hitaxi says

    December 24, 2019 at 4:21 am

    Min/Max Quantities Woocommerce if you want to give minimum and maximum input limit for cart that you can be setup for it so vendor can be maintain stock good way

    Reply
  5. René Dorta says

    April 22, 2020 at 2:22 pm

    I got the Warning: This plugin has not been tested with your current version of WordPress.
    Are you planning to test it on latest WP version?

    I know there are other plugins for the purpose; but the simpler the better.

    Thanks.

    Reply
    • Rob says

      April 29, 2020 at 4:15 pm

      Hi René,

      We have tested the plugin and it is still compatible with the latest version of WordPress. We have updated the details on the plugin page to reflect that.

      Reply
  6. David says

    April 26, 2020 at 5:34 pm

    Hello
    When installing this plugin, the +, – buttons and the quantity field are left unbalanced.
    In addition to changing the format of the add to cart button.

    My current theme is flatsome.
    Any solution??
    Thank you

    Reply
    • Rob says

      April 29, 2020 at 4:53 pm

      Hi David,

      Can you share the link to your website so we can check what’s happening?

      Reply
  7. Richard says

    April 27, 2020 at 2:39 pm

    Hi.. how do show the current stock level on the shop page as well as the quantity selector? It only is showing on the product page at present? Thanks

    Reply
    • Richard says

      April 27, 2020 at 3:22 pm

      also the quantity selector is not in line with the text quantity?

      Reply
      • Rob says

        April 29, 2020 at 5:11 pm

        Hi Richard,

        Do you have a screenshot for that? And perhaps a link to your WooCommerce store so we can check.

        Reply
    • Rob says

      April 29, 2020 at 5:10 pm

      Hi Richard,

      This plugin only adds the quantity field. You’ll have to use custom code or find another plugin to show the stock level on the shop page.

      If you might need help, getting that done, you can shoot us an email at [email protected].

      Reply
  8. katie says

    May 20, 2020 at 4:45 pm

    Hi when I installed the plug in, all it did was add the word quantity before the add to cart button, nothing else and no +/- buttons

    Reply
    • Rob says

      August 6, 2020 at 11:52 am

      Hi Katie,

      We have just tested the plugin with a basic set up and we did not find any issues. What you are experiencing could be a plugin or a theme conflict.

      We can recommend trying a basic WordPress theme such as Twenty Twenty. You can also test by disabling all other plugins on your site to determine what the issue might be.

      Reply
  9. Mark says

    August 7, 2020 at 11:05 pm

    Utilizing the software and quantity is showing however the the text for quantity does not show and makes the button seem to be off centered. Any ideas here?

    Reply
    • Rob says

      August 24, 2020 at 3:39 pm

      Hi Mark,

      Can you provide a link to your site and perhaps a screenshot of the issue?

      Reply
  10. Ricardo Lacombe says

    June 24, 2021 at 3:44 pm

    It did add the qty button to the shop page, but no matter the qty entered it only adds 1 to the basket. This is n oWordpress 5.4.2

    Reply
    • Rob says

      July 8, 2021 at 6:43 am

      Hi Ricardo,

      We have tested this and the plugin is working properly. There could be a conflict with another plugin on your site. We recommend updating everything and then testing for a plugin conflict.

      Reply
  11. Aliyah Bryan says

    July 19, 2021 at 8:57 am

    Do you have screenshots for that?

    Reply
    • Rob says

      July 22, 2021 at 10:24 am

      Hi Aliyah,

      Screenshot of what? Can you let me know?

      Reply
  12. Giancarlo says

    October 1, 2021 at 10:25 pm

    El plugin funciona excelente. Habría la posibilidad de que en vez de tener que pulsar en AÑADIR PRODUCTO, automáticamente añada el producto solo al seleccionar el selector + –

    http://fotos.subefotos.com/fd2c5793d05e0d87e17ff653b16bfd88o.png

    Reply
    • Rob says

      October 6, 2021 at 9:56 am

      Hi Giancarlo,

      I used Google Translate to translate your comment to English.

      Implementing this kind of functionality will make use of Ajax which can cause slowness in some websites so it is not something we are keen on implementing at the moment.

      Reply
  13. Joel Mellin says

    April 11, 2022 at 8:59 am

    Hi!

    I have a problem with the quantity people can add to the cart. Earlier it was only possible to add a quantity that was equal to the maximum stock. But now they can add an unlimited number to the cart (even if nothing of it shows up in the cart). I want the number to stop at our maximum stock.

    Reply
    • Rob says

      April 28, 2022 at 6:55 am

      Hi Joel,

      This issue was fixed in a recent update to the plugin. Please update the plugin.

      Reply
  14. Theunissen says

    July 8, 2022 at 2:58 pm

    Hi there,

    After installing the plugin in woocommerce the alignment of the amount field and the +/- fields is not good, see my website.
    Also, is it possible to have a translation on ‘Item added’? Would be great!

    Reply
    • Rob says

      July 13, 2022 at 11:22 am

      Hi Theunissen,

      Please try using a default WordPress theme like Twenty Twenty-Two to check if the issue persists. Please also try deactivating all your other plugins except WooCommerce and then test if the issue still persists. It is likely that this is a theme or plugin compatibility issue.

      As for the translations, this is not something we’re looking into adding since we’d like to keep the plugin lightweight. We may consider adding features if there is enough request for them.

      Reply

Leave a Reply Cancel reply

Your email address will not be published. Required fields are marked *

Woocommerce Support

wooassist-team-in-Iloilo

Get 2 Hours of
FREE SUPPORT

We are so confident that you will love our services that we will give you your first 4 hours at a 50% discount

That's 4 hours for only $75

BUY NOW

Happy Wooassist Customers

Awesome! Fantastic! I just went to our site and I see that our site has been fixed!! We are getting orders again thanks to you all at WooAssist! Our site has not worked and looked this good for many months!! You all are awesome! Thank you so much for fixing our site! You have a customer for life! Thanks for making my day wonderful!

Kenneth Arnold

We have been quite pleased working with WooAssist as they help fill in the gaps of our development needs, all at a great price. They are always timely and communicate great, I highly recommend their services.

James Grasty

My husband and I am EXTREMELY pleased with the WooAssist Team. They provide excellent service, are very knowledgeable, and super easy to communicate with. The team ALWAYS has our company's best interests in mind. I love WooAssist! All of you make my job easier.

Jennifer Taft leetaft.com

Categories

  • Code Snippets
  • How-To Articles
  • Interviews
  • SEO For E-Commerce
  • Theme and Plugin Reviews
  • Wooassist News
  • WordPress/WooCommerce News

Recent Posts

  • WordPress Site Gets Infected
  • Where to Hire a WooCommerce Developer?
  • Recent Spike in Attacks Targeting Outdated WordPress Plugins
  • Security Vulnerability in Spam protection, AntiSpam, FireWall by CleanTalk
  • How to Fix Any Issue in WooCommerce – A Step by Step Guide
Let us support your online store so you can manage your business

Get started today

Get 2 Hours of FREE SUPPORT

We are so confident that you will love our services that we will give you your first 4 hours at a 50% discount

That's 4 hours for only $75

BUY NOW

Free eBook

Your subscription could not be saved. Please try again.
Your subscription has been successful.

YOURS FREE!

5 Things Every Online Store Can Fix On Their Website In The Next Week To Increase Sales

Quick Links

  • How it Works
  • Pricing
  • Blog
  • Contact
  • About Wooassist
  • My Account
  • Checkout
  • Privacy Policy
  • Cookie Policy
  • Terms and Conditions

Wooassist

Australia:
8 Storie St.
CLONTARF QLD 4019

Philippines:
San Miguel St.
Poblacion, Iligan City 9200

Connect

  • Facebook
  • LinkedIn
  • Twitter
  • YouTube

Copyright © 2023 · Wooassist

Yours FREE!

5 Things Every Online Store Can Fix On Their Website In The Next Week To Increase Sales