Remove Quantity Box from version 7.1

Hi there!

I've just created a website using version 7.1. I want to remove the the "quantity box" from my products page. 

Please suggest how to do that? Thanks a lot.

Thank you!!

On 5/19/2020 at 8:18 AM, tuanphan said:

Add to Home > Design > Custom CSS

.product-quantity-input {
    display: none !important;
}

 

Hello, 

I added this code to me website, but the quantity is still editable from the checkout page. I was wondreing if there was a way to remove the quantity from that page as well? 

Any help would be appreciated, thanks!

On 5/8/2022 at 1:37 PM, WoudyGames said:

Hello, 

 

I added this code to me website, but the quantity is still editable from the checkout page. I was wondreing if there was a way to remove the quantity from that page as well? 

Any help would be appreciated, thanks!

You mean this page /cart

If /cart, please share link to your site, we can check easier

or this /checkout (Not Possible)

On 5/9/2022 at 10:51 AM, tuanphan said:

You mean this page /cart

If /cart, please share link to your site, we can check easier

or this /checkout (Not Possible)

Hello @tuanphan I used this code and managed to hide the CTY button, but i wish to also hide the ADD TO CART button, could you provide the code? Thanks

https://www.sacred-crystal.com

18 hours ago, SacredCrystal said:

 

Hello @tuanphan I used this code and managed to hide the CTY button, but i wish to also hide the ADD TO CART button, could you provide the code? Thanks

 

https://www.sacred-crystal.com

Use this CSS code

/* hide add to cart */
  div.sqs-add-to-cart-button-wrapper {
    display: none !important;
}

On 7/25/2023 at 11:32 AM, tuanphan said:

Use this CSS code

/* hide add to cart */
  div.sqs-add-to-cart-button-wrapper {
    display: none !important;
}

 

It worked!! Thank you

Hello,

I want to remove the Quantity box, because people would only really buy one of each item, so I don't really need them.  I've spent all morning and can't work it out.  Hoping someone here knows?

Thanks,

Marie
Sydney - Australia

6 hours ago, Marie2023 said:

I want to remove the Quantity box

If the solution provided above didn't work for you, please provide a link to the page on your site.

Note that the CSS panel has moved since the original answer was posted.

Did this help? Please give feedback by clicking an icon below  ⬇️

Hi I'm struggling with this...

https://walthamstowtradeshall.com/join

I've tried the code, any other suggestion?

Thanks

41 minutes ago, KristinaTrades said:

Hi I'm struggling with this...

https://walthamstowtradeshall.com/join

 

I've tried the code, any other suggestion?

Thanks

Hi,

Below should really hide quantity box.

Quote

.product-quantity-input {
    display: none !important;
}

If it's really not working please try this , as it should move box from the viewport:

Quote

.product-quantity-input {
  position: absolute;
  left: -9999px;
}