Shopify is rolling out improvements to Accelerated Checkout buttons on storefront pages. These changes will ensure that the buttons support features like Functions and Product Bundles as well as reduce load times and speed up the checkout experience.
As a byproduct of these changes, the internal HTML structure of these buttons has been updated. This may impact the appearance of customized buttons and themes as well as any analytic services used to track button clicks.
The changes will begin to roll out to all merchants starting September 15th, 2024.
If you cannot update to the new version in a short time, you can add the following code in Theme settings -> Custom code -> CSS code.
@media screen and (max-width: 1007px) {
.Template--cart .Cart__DynamicCheckoutButtons {
margin-bottom: 0.5rem;
}
}
.Template--cart .Cart__DynamicCheckoutButtons shopify-accelerated-checkout-cart {
--shopify-accelerated-checkout-inline-alignment: end;
}