Is there a way to remove the 'Update Cart' button?

Solved
Highlighted
Tourist
4 0 1

Hello,

I've recently opened a new Shopify store and I'm using the Debut theme.

I have noticed that when a user is changing the quantity of a product that is in the cart, they must click on the 'Update Cart' button for the new price to appear.

Is there anything that can be done so the price will be updated automatically?

 

Thank you

0 Likes
Highlighted

Hello ,

If you want to remove Update cart button then

1. Go to Online Store->Theme->Edit code
2. Templates->cart-template.liquid

Remove below code

<input type="submit" name="update"
                class="btn btn--secondary small--hide cart__submit-control"
                value="{{ 'cart.general.update' | t }}">

 

Want to modify or incorporate custom changes on store, Hire us
If helpful then please Like and Accept Solution .
Email: pallavi@oscprofessionals.com
Skype : oscprofessionals-87
Whats app
Free Website Review and advice for sale from Shopify Conversion Experts | Shopify Private App | Custom Theme Development | Custom Modifications In To Shopify Theme | Shopify SEO ; Digital Marketing & amp | Site Speed Optimization | Performance Site Audit
0 Likes
Highlighted
Shopify Partner
222 9 27

This is an accepted solution.

Hi @matkus33 
To my understanding, you need 2 features:

1) A feature to automatically update the cart on any quantity change.

2) A feature that hides the 'Update Cart' button.

As @oscprofessional mentioned, you can modify your cart-template.liquid by yourself, but that will not cause the cart to be automatically updated on any quantity change.

 

Solution

After quickly searching the Shopify App Store, I came across an app called Quanter ‑ Auto Cart Updater.

It looks like this app has those 2 features that you need.

 

Cheers

Highlighted
Tourist
4 0 1

Thank you both. I ended up using the app @EffectiveApps has suggested.

@EffectiveApps- Do you know if it supports quantity update by the + and - signs, like this: image

 

Thanks again!

0 Likes
Highlighted
Explorer
48 2 7

Is there any way to do this without installing an app? Would appreciate it if anyone can answer.

Email: ela.v.tsm@gmail.com
0 Likes
Highlighted
Tourist
42 0 1

That would also really interest me. Didn't find out anything after trying forever. Hiding the button is not a problem, but automating the whole thing ... Does anyone have any idea how it works? I´m using Debutify Theme. 

 

THANKS

0 Likes
Highlighted
Tourist
15 0 0

Hey there! I replaced the code inside cart-template.liquid. There will be a quantity selector code. Replace it with this. It works.

 <label for="updates_{{ item.key }}" class="cart__mini-labels">{{ 'cart.label.quantity' | t }}</label>
                  <input type="number" class="cart__quantity-selector" name="updates[]" id="updates_{{ item.key }}" value="{{ item.quantity }}" onclick="this.form.submit();" min="0" aria-label="{{ 'cart.label.quantity' | t }}">
                

  But I'm facing a problem. Whenever I update the quantity, it takes me directly to the checkout page. Can anyone help me with that?? I had this problem even before i removed the update cart button.

0 Likes