Have your say in Community Polls: What was/is your greatest motivation to start your own business?
Shopify Community Downtime: The Shopify Community will be down December 5th for 15 minutes between 3pm and 4pm EST. Thank you for your understanding.

Re: Cart Page - Remove "Update Cart" button and make "Check Out" button appear l

Solved

Cart Page - Remove "Update Cart" button and make "Check Out" button appear larger (Brooklyn Theme)

StoreHelpNeeded
Explorer
54 1 10

Hello there! Can anybody help me remove the Update Cart button in my Brooklyn theme cart page and make the Checkout button the full length (So it is as long as the update cart + check out button after).

 

Thank you so much!!

Accepted Solution (1)

PageFly-Richard
Shopify Partner
4801 1084 1751

This is an accepted solution.

Hi @StoreHelpNeeded 

 

This is Richard from PageFly - Shopify Page Builder App

 

Please add this code to your theme.liquid above the </head> to get this solved

Step 1: Online Stores > Themes > More Actions > Edit code

Step 2: click on theme.liquid and paste the code above the </head>

<style>
.update-cart {
    display: none;
opacity:0;
visibility: hidden;
}
.update-cart+.cart__checkout {
margin-left: 15px;
width: 100% !important;
}
</style>

PageFlyRichard_0-1718758470028.png

 

Hope this can help you solve the issue 

 

Best regards,

Please let me know if it works by giving it a Like or marking it as a solution!


➜ Optimize your Shopify store with PageFly Page Builder (Free plan available) 


All features are available from Free plan. Live Chat Support is available 24/7.

View solution in original post

Replies 8 (8)

GTLOfficial
Shopify Partner
658 140 133

Hello @StoreHelpNeeded 
Please provide the URL of your website so that i can check.

- Buy me a Pizza
- If helpful then please Like and Accept Solution.
- Want to modify or custom changes or bug fix on the store Hire me. GTL web solutions
- Want Complete Storefront: Send an email ⇨- Email: info@gtlofficial.com - Skype: ritesh_27dh
StoreHelpNeeded
Explorer
54 1 10

shopcutify.com

GTLOfficial
Shopify Partner
658 140 133

Hello @StoreHelpNeeded 
without the update cart button you can not update the quantity.
if your customer want to increase the product quantity they can not do that.

Please let me know

Thanks
GTLofficial

- Buy me a Pizza
- If helpful then please Like and Accept Solution.
- Want to modify or custom changes or bug fix on the store Hire me. GTL web solutions
- Want Complete Storefront: Send an email ⇨- Email: info@gtlofficial.com - Skype: ritesh_27dh

niraj_patel
Shopify Partner
2378 514 507

Hello @StoreHelpNeeded 

You can add code by following these steps

1. Go to Online Store -> Theme -> Edit code.
2. Open your theme.liquid file

3. Paste the below code before </body> on theme.liquid
<style>
button.btn--secondary.update-cart {
display: none !important;
}
@media screen and (min-width: 591px) {
.update-cart+.cart__checkout {
margin-left: 15px;
width: 100% !important;
}
}
</style>

techlyser_web_0-1718709896197.png

Was my reply helpful? Click Like to let me know!
Was your question answered? Mark it as an Accepted Solution.

Shopify Partner || Helping eCommerce Stores
- Was my reply helpful? Click Like to let me know!
- Was your question answered? Mark it as an Accepted Solution.
- For further discussion contact: Email ID- info@techlyser.com
StoreHelpNeeded
Explorer
54 1 10

This works well, however, the update cart button flashes for a second before the full button appears, is there any chance to change this? Thank you!

niraj_patel
Shopify Partner
2378 514 507

You can add code by following these steps

1. Go to Online Store -> Theme -> Edit code.
2. Open your theme.liquid file

3. Paste the below code before </body> on theme.liquid
<style>
  button.btn--secondary.update-cart {
     visibility: hidden !important;
  }

</style>
Was my reply helpful? Click Like to let me know!
Was your question answered? Mark it as an Accepted Solution.

Shopify Partner || Helping eCommerce Stores
- Was my reply helpful? Click Like to let me know!
- Was your question answered? Mark it as an Accepted Solution.
- For further discussion contact: Email ID- info@techlyser.com

PageFly-Richard
Shopify Partner
4801 1084 1751

This is an accepted solution.

Hi @StoreHelpNeeded 

 

This is Richard from PageFly - Shopify Page Builder App

 

Please add this code to your theme.liquid above the </head> to get this solved

Step 1: Online Stores > Themes > More Actions > Edit code

Step 2: click on theme.liquid and paste the code above the </head>

<style>
.update-cart {
    display: none;
opacity:0;
visibility: hidden;
}
.update-cart+.cart__checkout {
margin-left: 15px;
width: 100% !important;
}
</style>

PageFlyRichard_0-1718758470028.png

 

Hope this can help you solve the issue 

 

Best regards,

Please let me know if it works by giving it a Like or marking it as a solution!


➜ Optimize your Shopify store with PageFly Page Builder (Free plan available) 


All features are available from Free plan. Live Chat Support is available 24/7.

StoreHelpNeeded
Explorer
54 1 10

Hello! It seems that it is not centered on mobile.