Cart Drawer: Express Checkout Buttons Not Showing (Accelerated Checkout)
The express payment buttons (Shop Pay, PayPal, Apple Pay, Google Pay) appear in the cart drawer footer only when Accelerated checkout is turned on in the app and the matching payment methods are set up in Shopify. If a method isn't set up, its button won't show.
Check 1: Accelerated checkout is on in the app
- Open Essential Cart Drawer and go to Accelerated checkout in the left menu, under Footer.
- Turn on the switch. The text under it says the buttons are detected from your Shopify payment settings.
- Click Save.
With the switch off, the drawer shows no express buttons.
Check 2: The payment methods are set up in Shopify
Go to Settings → Payments in the Shopify admin. Confirm the express methods you want, such as Shop Pay, Apple Pay, Google Pay or PayPal, are activated. Only methods activated here can appear in the drawer.
Check 3: No buttons after Checks 1 and 2? Add one line to theme.liquid
Add this if the buttons still don't show after Checks 1 and 2. This applies even when Accelerated checkout is on and the methods are set up. Check this:
This is the simplest fix when there's no way to switch the buttons on from the theme — the setting in Check 3 doesn't exist in your theme, or you can't find it. It also applies when that setting is on and the express area is still empty.
The drawer gets the buttons from your store’s cart page. If that page doesn't output Shopify's accelerated-checkout content, the drawer has nothing to show. Adding the line to the theme layout outputs it on every page, including the cart page.
- Go to Online Store → Themes → ⋯ → Edit code.
- Open layout/theme.liquid.
- Find the opening
<body>tag — hit Ctrl/⌘ + F and search for body. - Paste the line below on a blank line just after the first
<body>tag. - Save, then reload your storefront and open the drawer.
{% if additional_checkout_buttons %}<div style="display: none !important;">{{ content_for_additional_checkout_buttons }}</div>{% endif %}
What the line does, and why it's safe
| Part | What it does |
|---|---|
{% if additional_checkout_buttons %} |
Shopify's own check for whether your store has any express payment provider. On a store with none, the line outputs nothing at all. |
{{ content_for_additional_checkout_buttons }} |
The tag that outputs Shopify’s accelerated-checkout content for this page. |
display: none !important |
Keeps the output invisible, so nothing new appears on your storefront and you don't get a second set of buttons on the cart page. Only the drawer's express area — which was already reserved — gets filled. |
If the line is already somewhere in
theme.liquid, don't add a second copy.This is a change to your theme's own code. Duplicate your theme first if you want a rollback point, and note that the line lives in that theme only — see Limitations below.
Prefer not to edit code yourself? Contact our support team and we'll apply it for you with collaborator access.
Check 4: Shopify decides which buttons each customer sees
Once the methods are set up, Shopify decides which buttons are eligible for each customer. The factors are:
| Factor | Effect |
|---|---|
| Device and browser | Apple Pay appears on Apple devices and Safari; Google Pay in Chrome; and so on. |
| The customer's wallet | The customer needs an eligible card or wallet set up on their device. |
| Market, country and currency | Eligibility differs per market. |
| Cart contents | A cart with nothing shippable in it can return no eligible wallet. |
Two customers can see different buttons. If you don't see a button you expect, test in a browser or device that supports that wallet.
Limitations
| Limitation | Detail |
|---|---|
| Theme-specific line | The theme.liquid line lives in the theme file you edited. Publish a different theme, or install a fresh copy of your theme, and it needs to be added again. |
| Theme updates | A theme update that replaces layout/theme.liquid removes the line. Re-check the drawer after updating your theme. |
| Limitation | Detail |
|---|---|
| No forcing a wallet | The app can't make a specific wallet appear. It only shows the buttons Shopify makes eligible. |
| Button style and order | Shopify controls the branding, labels and order of the buttons. In the app you control the button height only. |
Still not showing?
Contact our support team at support@essential-apps.com and we will help you find the cause.