Hiding Accelerated Checkout Buttons (PayPal, Appple Pay, GPay) not working anymore

Technical Q&A
1

Dear Community,

i need your help, with hiding the accelerated checkout buttons in the shopify checkout.

We did the workaround as described in this tutorial: https://community.shopify.com/c/Shopify-Design/Remove-the-Express-Checkout-buttons-from-first-Checkout-Page/td-p/810310

This has worked fine for the past year or so, but the buttons have now started reappearing in certain scenarios.

Here is a brief description of how we set up the custom code:

Adding the buttons to the cart template. They are present.

Screenshot 2020-09-18 at 12.34.14.png
Screenshot 2020-09-18 at 12.34.14.png768×230 29.7 KB

Hiding the buttons via css “d-none” class.

Screenshot 2020-09-18 at 12.45.08.png

Cookies are set by the buttons on the cart page.

Screenshot 2020-09-18 at 12.45.30.png

Yet, buttons are displayed in the checkout.

Screenshot 2020-09-18 at 12.46.51.png
Screenshot 2020-09-18 at 12.46.51.png552×126 4.28 KB

We started noticing this last week. Most commonly in incognito browser session, chrome and safari on mobile devices.

I am guessing, this has something to do with cookies. I believe, the checkout checks, wether the accelerated checkout buttons cookies exist in the browser and then displays the buttons. I might be wrong.

Has anyone noticed a change how the buttons behave in the checkout?

Thank you

1 Like
2

Looks like they have fixed it

3

Hi Thomas,

Seems like since the mid of 2022, the liquid / CSS code to hide the checkout button does not work anymore. To hide the express checkout payment method, you will need an app that utilize Shopify Functions.

I have made an app to hide the Paypal Express (and other express checkout method like Apple Pay, Google Pay etc) on the top part of checkout page, and customer can still select Paypal method at the payment step.

soulchild37_0-1692260799252.gif

The app is made using native Shopify Functions, thus it does not affect your store existing layout or functionality at all.

The app name is Yagi Express Payment Hider (https://apps.shopify.com/yagi-express-payment-hider)

The app also have a workaround which you can hide the express checkout buttons for returning customers with saved address, but you will need to create a placeholder shipping rate for it to work, this will also work with one-page checkout.

Hope this can help!

Regards,

Axel Kee