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

Solved

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

StoreHelpNeeded
Excursionist
50 0 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
4394 1005 1657

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!


PageFly - #1 Page Builder for Shopify merchants.


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

View solution in original post

Replies 8 (8)

GTLOfficial
Shopify Expert
257 47 48

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
Excursionist
50 0 10

shopcutify.com

GTLOfficial
Shopify Expert
257 47 48

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

techlyser_web
Shopify Partner
1777 330 357

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.

Techlyser || 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
Excursionist
50 0 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!

techlyser_web
Shopify Partner
1777 330 357

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.

Techlyser || 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
4394 1005 1657

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!


PageFly - #1 Page Builder for Shopify merchants.


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

StoreHelpNeeded
Excursionist
50 0 10

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