OxifyOxify
Cart Drawer Design & Layout

Express Checkout

Show Shopify's express payment buttons under the checkout button in your cart drawer.

Express Checkout shows Shopify's accelerated checkout buttons (the express payment buttons) in the cart drawer, directly below the checkout button. The menu calls the section Express Checkout. Inside, the cards call the buttons Accelerated Checkout Buttons. It is the same feature, and it is off by default.

Oxify does not create these buttons. It copies the ones your theme already renders for Shopify, so your theme needs a small snippet and your store needs at least one express payment method turned on.

Turn it on

In the Oxify app, open Home, click Manage Cart Drawer, then choose Express Checkout in the left menu.

Click Enable on the Accelerated Checkout Buttons card.

Add the theme snippet below.

In Shopify, make sure an accelerated checkout payment method is enabled. The card links to your Shopify payments settings. With none enabled, no buttons appear even with the snippet in place.

Click Save in the Cart Editor, then check your storefront. The Cart Editor preview does not draw these buttons.

Add the theme snippet

The Accelerated checkout buttons card explains that the buttons must be present on every page of your theme, not just the cart page. Click Show Recommended Guide To Edit Your Theme Code to see the steps.

In Shopify admin, go to Online Store → Themes → Edit code and open layout/theme.liquid.

Paste this snippet just before the closing </body> tag:

{% comment %} Oxify Cart: Accelerated Checkout Buttons {% endcomment %}
{% if additional_checkout_buttons %}
  <div style="display:none" aria-hidden="true">
    {{ content_for_additional_checkout_buttons }}
  </div>
{% endif %}

Save the theme file and reload any page of your store. Open the cart drawer to see the buttons.

The snippet must go in layout/theme.liquid, not in your cart template. If it is only on the cart page, the buttons show only when the drawer is opened while you are already on /cart.

The hidden wrapper keeps the buttons off the page itself. The drawer only copies them from there. If Oxify cannot find them, the space stays empty and no error is shown.

To also show the buttons on your regular cart page, the card gives a second snippet for sections/main-cart-footer.liquid:

{% if additional_checkout_buttons %}
  {{ content_for_additional_checkout_buttons }}
{% endif %}

The card also offers Contact Oxify Support Team and suggests reaching out to your theme provider.

Button settings

The Accelerated checkout buttons design card has these controls. Values outside a range are set to the nearest allowed value.

ControlRangeDefault
Default button height (desktop), number box and slider25 to 55 px42 px
Mobile button height, number box and slider25 to 55 px42 px
Checkout Button AlignmentCenter, Left, Right, Space BetweenCenter
Row Gap (space between rows of buttons)0 to 40 px8 px

The mobile height applies on screens 749px wide or narrower.

The corner radius of the buttons follows Button Radius under Design → Cart Global Design. The card notes that Shopify now enforces the styling rules for these buttons, so only these settings can be changed.

On this page