How to disable "Quantity" from Checkout/Cart page

Thank you very much to @mobimarket who gave the following info :- insert these code into Settings > SEO > Header Code area. Tada! Qty box & Buy Now button gone!

My weebly site is susanwooler.com

Unbelievably I managed to adapt the code to get rid of just the Qty box and leave the buy it now, as I only have 1 of each painting

BUT on the checkout page/cart there is still an option to increase quantity

Please can anyone tell me how to remove the quantity box from the checkout page, I have tried adapting @mobimarket code but cannot figure this out Thank you in advance 

9,061 Views
Message 1 of 45
Report
44 REPLIES 44
Square

Glad you got the first part working! Not sure how you would edit the checkout page with coding to remove that option, but someone else may have some ideas for you. 

What you can do in the meantime is enable the inventory feature for each of your products on the product setup page. This way if someone does try to adjust the quantity they will be prompted that only one is available.

image

6,109 Views
Message 46 of 45
Report

If I enable the inventory feature to say 1 it puts a red notice under every painting saying "only a few left".

I DO NOT want it to say this as there is not 'a few left'  there is only 1 of each painting

I must say I am very very disappointed in weebly, this is the first website I have had and it looks ridiculous and very unprofessional to my collectors that there appears to be more than one of any painting, when I describe my painting as original, unique, one off paintings

I would have expected this to be a very changable option to choose whether to have a quantity box or not on either the product or at the checkout stage

This should be made very clear to weebly customers BEFORE they pay and create a website

6,100 Views
Message 46 of 45
Report
Square

Sorry to hear that, @SueWoo101. If you post a link to your site I'm sure that someone can figure out something to add to hide that from the checkout form. It should work in much the same way as other methods of hiding elements.

6,097 Views
Message 46 of 45
Report

Thanks Adam

it's https://www.susanwooler.com/

6,088 Views
Message 46 of 45
Report

Sadly this is Weebly in a nutshell Smiley Happy

6,085 Views
Message 46 of 45
Report

Hi Sue,

try this

.wsite-checkout-cart__header-item--qty, .wsite-checkout-cart-qty {display:none !important;}

and check how it goes...check also on different screen size coz it linked to media queries.

6,079 Views
Message 46 of 45
Report

Hi Mobimarket Thank you for your response, I have just tried that in the heater and the footer code and unfortunately it did not work

6,076 Views
Message 46 of 45
Report
Square

Did you wrap @mobimarket's code in style tags, @SueWoo101?

<style>
.wsite-checkout-cart__header-item--qty, .wsite-checkout-cart-qty {display:none !important;}
</style>
6,071 Views
Message 46 of 45
Report

Hi Adam

I hadn't wrapped @mobimarket's code in style tags, as tI didn't know i needed to do that

I have just done it and it has worked YIPPEE.....so pleased, THANK YOU @mobimarket AND @Adam for your help

I would not have had a clue how to do this without the help given, very much appreciated Smiley HappySmiley HappySmiley Happy

The only problem I now appear to have is that I added a couple of my own paintings to cart to test and now there is no option to remove them from cart, I assume if I temporary remove the code, then remove paintings from cart, then add the code back on ?

6,026 Views
Message 46 of 45
Report

This is what I have done, removed the code, removed items from cart, and then re-added code back on Thank you
5,165 Views
Message 46 of 45
Report

You could've just click on the Cart menu and remove it from there...:-)

5,163 Views
Message 46 of 45
Report

@mobimarket There isn't a cart menu, if I hover over Cart nothing happens and if I click Cart the only option I have is to go to checkout 

5,160 Views
Message 46 of 45
Report
Square

Try using this code instead (it's specific to just the quantity input field):

<style>
	.js-item-quantity
	{
		display:none !important;
	}
</style>

By the way, I like your art!

5,153 Views
Message 46 of 45
Report

Hi Adam Worked absolutely perfectly, THANK YOU so much, really appreciate your help and a huge thank you to @mobimarket thanks guys and thank you for the lovely compliment Adam Smiley Happy

5,120 Views
Message 46 of 45
Report

Hi everyone,

Thanks so much for all the great info. I, too, am trying to remove the quantity counter altogether from my store/product checkout page. Where does the code Adam suggest go? Is it a CSS coding matter? If so, can you be a bit more specific? I'm not a coder/techie type....

Many thanks,

Charles

4,937 Views
Message 46 of 45
Report
Square

That code can go in Settings > SEO > Header Code, @cdesfusa. Doing it that way avoids having to customize a theme, and can save you trouble down the road.

4,933 Views
Message 46 of 45
Report

Hi Adam this did not work for me... any advice?
4,876 Views
Message 46 of 45
Report

Same here Smiley Sad
Didn't work in header code, plus can't access main_style.css

4,845 Views
Message 46 of 45
Report
Square

Hi @Abed11g Did you try checking the live site? Sometimes the codes won't reflect in the editor. 

4,843 Views
Message 46 of 45
Report

Hi @Bernadette Yes i've tried that and checked everything that can be edited.
I think we don't have access to "main_style.css" or "sites.css" which can be seen in "chrome > inspect" but maybe someone can confirm this!
Thanks

2,354 Views
Message 46 of 45
Report
This thread has been archived and locked. Please start a new thread if you would like to continue the conversation.
grz-custom-initialLetter