Expand Order Summery Checkout

Expand order summary by default on responsive checkout Shopify

Providing heavy discount and still getting lots of abandoned cart? Here may be the reason, as Shopify announced the responsive checkout the "Order Summary" remains collapsed by default for mobile and tablet users.

This is the section that contains the text box to enter a discount code which seems to be confusing for visitors (customer).

Here is the quick solution to expand the order summary  by default on responsive checkout.

  • Log in to Shopify admin panel.
  • Navigate to Online Store>>Preferences, and under Additional Google Analytics Javascript add the following code
  • Click Save

    window.addEventListener('load', (event) => {

Responsive Checkout Shopify


Now that we’ve taken a look at the responsive checkout order summary tabs, it’s up to you to take advantage of them and reduce the abandoned checkout.

Let us know in the comments below and share, if it helps you to improve conversion rate!

CodeGear Themes
CodeGear Themes

Branding, Web Design & Development, Digital Marketing, WordPress & Shopify Development Team