Goal: change express checkout (accelerated checkout) buttons in cart and checkout to match store design (preferably white/silver), based on reference images. Images are central to understanding the desired look vs current UI.
Update: As of 15.09.2024, Shopify restricts customization of accelerated checkout buttons. CSS/JavaScript can no longer alter button colors or positioning; only limited properties like size and animations are adjustable.
Implication: Direct theming tweaks to achieve the white/silver style are not supported under the new rules.
Potential paths: Explore third‑party apps that render their own checkout buttons (suggested, not confirmed). A Shopify developer doc link is provided for the upgrade to accelerated checkout.
Status: No confirmed solution in the thread; discussion remains open with a recent policy change blocking the desired customization.
Key terms: “Express/accelerated checkout” refers to fast payment buttons embedded in cart/checkout. Limitations apply to their styling in themes under the updated Shopify policies.
Hello there,
we want to customize our express checkout buttons in the cart because they don´t fit our store design.
From this (current status):
to something like this:
preferably white/silver like on the last image shown. Maybe also the express checkout buttons in the checkout section too.
Can anyone help us? Thanks in Advance!
Best Regards
Hello,
I’m once again opening this thread. We used to have express checkout buttons customized, but starting 15.9.2024, it is no longer possible to use CSS or JavaScript to style those buttons. You can only change some basic styling, like sizes or animations, but not positioning, or colors of the actual buttons.
I hope there are some apps that can render the buttons on their own.
