How to hide the quantity field on WooCommerce product pages

This blog post will show you how to hide the quantity field on WooCommerce product pages easily. We’ll provide a step-by-step guide and a code snippet that you can use to customize the behavior of the quantity field on your store. Whether you want to hide the quantity field site-wide or just on specific products, we’ve got you covered.

Why you may want to hide the quantity field on WooCommerce product pages

1. Streamline the checkout process

One way to streamline the checkout process on your online store is to hide the quantity field on WooCommerce product pages. By removing the quantity field, your customers won’t have to spend time selecting the number of items they want to purchase – they can directly add the product to their cart and move on to the next step.

2. Selling only one product item per order

If you are selling only one product item per order, there is no need for this quantity field at all. In fact, this field will confuse your buyers.

Now, are you ready to streamline your checkout process and make it easier for your customers to purchase from your store?

Let’s get started!

Method #1: Hide the quantity fields using a custom code

No need for plugins. This is a great option if you are comfortable editing your child theme’s files. We have an excellent guide on how to add custom code to your WordPress website, make sure to check it if you need help.

Hide the quantity field on ALL products at once

To hide the quantity field on WooCommerce product pages, you can use the following code snippet:

add_filter( 'woocommerce_is_sold_individually', '__return_true' );

Easily add this code to your child theme’s functions.php file or use the free Code Snippets plugin. This code will remove the quantity field on all of your product pages.

Hide the quantity field on a specific product page

If you only want to hide the quantity field on a specific product page, you can use the following code snippet instead:

/**
 * Hide the quantity field on certain product pages
 * @author DiviKingdom.Com
 * @version 1.0
 */
add_filter('woocommerce_is_sold_individually', 'dkwc_hide_quantity_certain_products', 10, 2);
function dkwc_hide_quantity_certain_products( $return, $product ) {

    // Replace 123 with the ID of the product for which you want to hide the quantity field
    if ( $product->get_id() == 123 ) {
        $return = true;
    }

    return $return;
}

In this code snippet, replace “123” with the product ID for which you want to hide the quantity field. You can repeat this code snippet for multiple products, replacing the ID each time.

How to get the product ID

On the product page, go to your admin dashboard > Products > open the product you want > the page link will look something like this:

http://website-domain.com/wp-admin/post.php?post=123&action=edit

The 123 you see is going to be the product ID, and it is unique to each product. Copy it and add it to the code above.

Method #2: Hide the quantity field using a click of a button!

If you are using Divi theme, then the WooCommerce Builder plugin is the best option for you.

All you have to do is to add the “Add to Cart Button” module to your product layout > and toggle the “Show Quantity Field” Option, that’s it!

If this layout is used for all of your products, then, the quantity field will be removed for all of them at once.

If you are using this layout for a specific product, then it will only affect that product.

If you don’t have the WooCommerce Builder plugin, you can grab a copy right now from here.

That’s it for today’s post, I hope it was helpful and if you have any questions, let me know in the comments below.