Docs

[mmoon]

I’d like to remove the quantity selector from the single product page.

I have used the css below, but this also removes the quantity selector from the cart page.
How do I remove it only from the single product page but keep it on the cart page?

.woocommerce .quantity input[type=”number”], .woocommerce-page .quantity input[type=”number”] {
display:none; margin:0; padding 0;
}

Thank you!

[Nabeel A]

Hi there,

Thanks for writing in! To assist you with this issue, we’ll first need you to provide us with your URL. This is to ensure that we can provide you with a tailored answer to your situation. Once you have provided us with your URL, we will be happy to assist you with everything.

[mmoon]

The dev site is here > http://www.tibetanmalashop.com/meditation-beads/

[Thai]

Hi There,

Thanks for writing in!

Try adding following CSS under Appearance > Customize > Custom > CSS:

.single-product .quantity input[type="number"] {
    display: none;
}

Hope it helps.

[mmoon]

Thank you, i got it working with:

.woocommerce-page .single-product .quantity input[type=”number”] {
display: none;
}

[Rue Nel]

Hey There,

You are most welcome!
It’s good to know that you’ve got it working.

If there’s anything else, we can help you with, please let us know.

All the best.

[mmoon]

Yes there’s one more thing:
On the single product page where there is a variation (ie. “Choose an option” drop down) the quantity selector is still showing, how do I remove it?

[Thai]

Hi There,

Please try following CSS:

.single-product .quantity input[type="number"] {
    display: none !important;
}

Let us know how it goes!

[mmoon]

Perfect! Thank you

[Rue Nel]

You are most welcome!

[Author]

Posts