How to Hide Alternate Payment Methods/Checkout Buttons on Cart Page?

Solved

How to Hide Alternate Payment Methods/Checkout Buttons on Cart Page?

atmosphaera
Shopify Partner
36 0 8

Hi there! My name is Britney and I'm the owner of atmosphaera. We are redoing our website from the ground up. I need some help today, particularly with my cart 🛒 page design...

 

I would like to remove or hide all the checkout buttons underneath the default checkout button (the purple one). However, I would only like to hide them on this page only, I would like for them to be an option at the next stage after customer clicks the purple default checkout button. See below! 😀

 

shopify_cart_page.png

 

 

I have been looking into shopify apps to do this and can't find any for this specific cart page, they're all for the next stage in checkout. If you have any app suggestions for the first stage cart *page* that will allow me to customize more, please suggest them to me!

 

Website URL: https://www.atmosphaera.co

 

Theme: Taste (V14)

 

*NOTE: The new website/theme I am working on and need help with is not published yet, so the website URL link will take you to my current V1 theme that is published. I only need help with my unpublished theme.

Theme: Taste V.14
URL: https://www.atmosphaera.co/?_ab=0&_fd=0&_sc=1
Accepted Solution (1)

suyash1
Shopify Partner
9564 1195 1536

This is an accepted solution.

@atmosphaera - using css you can hide these button on cart page, add this css to the very end of your bae.aio.min.css file and check

 

.cart__footer .cart__dynamic-checkout-buttons.additional-checkout-buttons {display: none !important;    visibility: hidden;}

 

suyash1_0-1719023449412.png

 

Support me | To build shopify pages use pagefly | You are welcome to contact me - suyash.patankar@gmail.com , My timezone is GMT+5:30.

View solution in original post

Replies 4 (4)

KieranR
Shopify Partner
388 34 118

What's the new theme? They might have a recommended way to do this on the /cart/ page. Often there is an option in the customizer too. 

 

Otherwise, the general process is: edit theme code, find cart template, remove or comment out the dynamic checkout lines.

Part time Shopify SEO, based in NZ. Sometimes freelance outside the 9-5.

suyash1
Shopify Partner
9564 1195 1536

This is an accepted solution.

@atmosphaera - using css you can hide these button on cart page, add this css to the very end of your bae.aio.min.css file and check

 

.cart__footer .cart__dynamic-checkout-buttons.additional-checkout-buttons {display: none !important;    visibility: hidden;}

 

suyash1_0-1719023449412.png

 

Support me | To build shopify pages use pagefly | You are welcome to contact me - suyash.patankar@gmail.com , My timezone is GMT+5:30.
atmosphaera
Shopify Partner
36 0 8

I found it! Thank you so much, it worked!

Theme: Taste V.14
URL: https://www.atmosphaera.co/?_ab=0&_fd=0&_sc=1
atmosphaera
Shopify Partner
36 0 8

Hey actually, it won't let me save my changes when I put that code in. The CSS works fine but Shopify won't let me publish or save it afterwards.

Theme: Taste V.14
URL: https://www.atmosphaera.co/?_ab=0&_fd=0&_sc=1