Express checkout

Payments + Shipping & Fulfilment
, ,

Topic summary

A user seeks guidance on displaying accelerated checkout buttons (Apple Pay, Google Pay) horizontally within the minicart.

Solution provided:

  • Customize the theme’s minicart section where {{ content_for_additional_checkout_buttons }} renders
  • Wrap buttons in a flex container using CSS:
    • display: flex;
    • gap: 10px;
  • Ensure styling remains responsive across devices

The discussion appears resolved with a straightforward CSS-based approach to horizontal button alignment.

Summarized with AI on October 27. AI used: claude-sonnet-4-5-20250929.
1

How can I customize to present accelerated checkout buttons horizontally in minicart? Thank you so much!

1 Like
2

Customize the theme in minicart area to get horizontal (apple pay, google pay) acceleration checkout buttons work. Certainly you will need to customize your theme’s minicart section if you want to show accelerated checkout buttons laid out horizontal in minicart. Select where the {{ content_for_additional_checkout_buttons }} or similar code is rendering and then add custom CSS to make buttons go side by side. For example, wrap your buttons to flex container and then use ( display: flex; gap: 10px; ) to align them horizontally. You just need to make sure that styling is cross device responsive.