Main issue: The dynamic checkout button (Shopify’s express checkout on the product page) suddenly appears greyed out and unclickable on both mobile and desktop, while showing correctly (“Go to checkout”) inside the theme customizer.
Observations:
No recent theme code changes or new apps installed.
Inspecting the element shows it rendered with hidden/disabled states: class includes “shopify-payment-button__button–hidden” and attributes disabled=“disabled” and aria-hidden=“true” (code snippet central to diagnosis).
Latest update:
Mobile version started working again without a clear change; desktop remains greyed out.
Around the time mobile began working, the newsletter popup frequency was set to “show only once to visitors.” Reverting this setting did not change the desktop issue; correlation is unclear.
Status and next steps:
Another participant requested a product link to investigate further.
No confirmed cause or fix yet; discussion remains open.
my dynamic checkout button is suddenly greyed out and does not work. Both on mobile and desktop view. When I am in the theme customizer mode, it at least shows the “go to checkout” text on it.
Nothing was changed, no new apps installed, no code changed. What could be wrong?
Code when clicking on the greyed out button shows a lot of hidden and disabled which could be a hint of the problem perhaps?
Update: Suddenly on the mobile version it shows up correctly again, desktop version is still greyed out.
Not sure if this is correlated: Shortly before noticing that it works again at least on mobile, I changed the the newsletter popup frequency in the theme customizer to “show only once to visitors”. Before that checkbox was deactivated. I tested deactivating that checkbox again to see if that perhaps confused the dynamic checkout button, but not change.
So now the dynamic checkout button shows up correctly for the mobile version, but the desktop version is still greyed out.