How to edit the cart page to remove payment buttons?

Hello,

Can anyone tell me how I can edit the cart page? I would like to remove the ShopPay, PayPal, GPay and Meta Pay buttons shown in the image below. I am using the Providence template version 6.0.1. When I go into “Customize” and pull up the cart page, the buttons do not appear. They only appear in the live store when the cart is accessed.

Any help is appreciated.

Thank you.

Pete

Hey @ps1505 ,

Nice question. You’ll still have to go to the storefront editor (Online Store > Customize) then add something to cart > Click on View Cart

When you’ve clicked on the View cart and you see the cart page, you should have these 3 options as seen in the screenshot attached.

Based on your screenshot, you want to remove the payment icons on top, so you just need to uncheck the box for “Show checkout buttons at the top as well” and then hit save.

Additionally, it would be better to remove the additional checkout buttons as well because if you’re tracking your customers, these dynamic checkout buttons will give you inconsistent reports.

Let me know how it goes. If you’re happy with my recommendation, please accept it as a solution :slightly_smiling_face:

Hello JackTorch.

Thank you for your help. I tried doing that initially, but it didn’t work. The buttons do not appear. I added a better screen image below. It’s weird. The only time the buttons show up is when I’m in the live version. They do not appear under Online Store > Customize > View Cart page.

Oops…please disregard my last reply. There is a “Cart Page” link in the left sidebar menu, and I did not click on it. Once I did the three menu options you mentioned in your post appeared. Once I deselected the “Show additional checkout buttons” it took care of the issue. Marking this as resolved. Thanks so much for your help.

1 Like

Glad I was able to help, Pete. Best of luck in your business. :clinking_beer_mugs:

Hello @ps1505 ,

We are happy to help you!

The buttons you are relating to are called Express Checkout buttons, used for accelerated checkouts such as Apple Pay, Shop, Google Pay, and PayPal.

Let’s learn to hide/remove the Express Checkout buttons on the cart page using CSS code:

From your admin, go to Online store > Themes > Actions > Edit code.

In the Assets folder, locate the theme.css.liquid file.

Paste the following CSS code at the bottom of this file:

.additional-checkout-buttons {

display: none !important;

}​

The CSS file should now appear as provided in the below image.:

Now Click on Save and proceed.

Outcome:

The Express Checkout buttons will no longer be visible on the first stage of the checkout.

Note: If the buttons (Apple Pay, Google Pay, Shop Pay, or PayPal Express) are still visible. Then clear your browser’s cookies and cache and re-login to your store.

Check out this link for more details on the same:

https://community.shopify.com/c/blog/remove-the-express-checkout-buttons-from-first-checkout-page/ba-p/1200898

Let us know if this works or if you need any further help.

Regards,

CedCommerce

1 Like