Express checkout buttons fail to appear in iOS Chrome, but appear in Safari & desktop browsers

Technical Q&A
1

thisisunfolded.com, click into a collection (click any product), pick a size, add to bag, click to view bag (or go to /cart)

On Safari iOS and all desktop browsers the various express checkout options are presented as expected.

On Chrome iOS only the checkout button is presented. I’ve been scratching my head trying to fix this one for hours—have I missed something obvious?

{%- if additional_checkout_buttons -%}
<div class="additional-checkout-buttons">
 {{ content_for_additional_checkout_buttons }}
</div>
{%- endif -%}

Our theme is entirely hand-crafted. Any help greatly appreciated.

2

Response from Shopify support suggests that our theme is the issue (they claim to have re-tested on the Debut theme in Chrome on iOS). I’ve attempted to replicate this assertion - replaced our cart page with a fresh copy from Debut & commented out all of our custom scripts. The issue remains: Dynamic checkout buttons display in all browsers except, specially, Chrome on iOS. Bizarre.

Tested in: Chrome on Android (multiple phones), Safari on iOS (iPhone 8-13), FireFox on iOS (iPhone 13), Chrome and Safari on Mac, Chrome on Windows 10 & 11 - all of which worked. However Chrome on iOS continues to display no buttons.

3

Well, taking their word for it, installed the Debut theme and retested. This is Chrome & Firefox on iOS. Clearly the buttons are not working in Chrome even in their own theme. Anyone else come across this?

image0.png
image0.png295×640 87.2 KB

image1.png
image1.png295×640 98 KB

4

I’m running into this issue as well, on two custom built sites. Did you ever find a fix?

5

Same issue, same code but different theme

6

Still dealing with the same issue!