Disable Express Payment Options in the Checkout

[nichharp]

I'm looking into hiding the express payment buttons from the Checkout using Checkout Extensions. We had a solution to do this using Checkout.liquid but with that being deprecated we're looking into other solutions.

So far we've tried:

1. Adding `{{ content_for_additional_checkout_buttons }}` into the core site (this doesn't seem to affect the Checkout anymore)
2. Using the Hide Operation function. This however did not work as we wanted because (for example) Paypal has the same ID as the Paypal Express option, meaning you could not turn off one without turning off the other. We had some ideas about toggling the on/off state when the user gets to a certain point in the checkout but this caused CLS and it wasn't a preferred option.

Shopify Support cannot support this directly and have no solution in their dev guides. We did find this app but it seems to do option #2 so this isn't ideal.

If anyone has any advice on this or any ideas I would be grateful!

[nafeeur10]

This app could help you.
https://apps.shopify.com/payrules-conditional-payment-methods 

[store-crafters]

Hey,

To disable Paypal express checkout go to Settings -> Payments -> Deactivate Paypal

After deactivating paypal the express checkout gets removed from checkout automatically, 

P.S. if it helps you, do leave a like 🙂

[nichharp · Accepted solution]

Shortly after posting this we found the solution in the latest API version 2024_07.

Using the PaymentCustomizationPaymentMethod and the placements field. You are able to hide the "acceleration checkout" options with:

    return {
        operations: [
            {
                hide: {
                    placements: [PaymentCustomizationPaymentMethodPlacement.AcceleratedCheckout]
                }
            }
        ]
    }

No more need for 3rd party apps or hacky code. This will do it.

[maks-afew]

This is the best! Thank you! I've seen the new placements field but didn't figure out that we can use it for this

[andresliebrecht]

Can you show me where to place this code please? no idea from coding

[nichharp]

Hi Andresliebrecht,

I'm not going to lie, this is a bit more complicated that just placing the code somewhere. 

You'll need have a "Partners Portal" to set up a new App and create a "Shopify Function". There are docs and tutorials to assist: https://shopify.dev/docs/apps/build/functions. As well as lots of tutorials on youtube.

However if you don't have access to a portal or you're not up for the coding challenge there might be a developer that you can reach out to to assist you.

[jpllosa]

Yep. As Nichharp says it's a bit more complicated than just placing the code somewhere. Here's an example of how to hide the Paypal Express button, https://jpllosa.blogspot.com/2024/08/shopify-function-extension-example.html, if you want to learn more about it in detail.