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

Store Design
, ,

Topic summary

A store owner wants to hide alternative payment buttons (like Shop Pay, PayPal) on the cart page while keeping them available at the checkout stage. The site uses the Taste theme (V14), currently unpublished.

Solutions provided:

  • Check theme customizer settings for built-in options to hide dynamic checkout buttons
  • Manually edit theme code by removing or commenting out dynamic checkout button lines in the cart template
  • Add CSS to hide the buttons:
    • Initial suggestion: Target .cart__footer .cart__dynamic-checkout-buttons with display: none and visibility: hidden
    • Alternative method: Use .shopify-payment-button selector (described as “cleaner”)

Issue encountered:
The original poster successfully hid the buttons using CSS but encountered a problem where Shopify wouldn’t save or publish the changes afterward. The discussion remains open regarding this saving issue.

Summarized with AI on November 3. AI used: claude-sonnet-4-5-20250929.
1

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 :shopping_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! :grinning_face:

hide alternate checkouts
hide alternate checkouts2737×1788 268 KB

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.

2

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.

3

@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
suyash1_0-1719023449412.png1366×768 70.8 KB

4

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

5

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.

6

For anyone else, i find this to be a cleaner method

.shopify-payment-button {display: none !important;    visibility: hidden!important;}