Shopping Cart
Expand order summary by default on responsive checkout Shopify

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
if(typeof Checkout === 'object'){
  if(typeof Checkout.$ === 'function'){
    Checkout.$('button.order-summary-toggle.order-summary-toggle--show').trigger("click");
  }
}

Responsive Checkout Shopify

CONCLUSION

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!


Older Post Newer Post


RELATED ARTICLES

Top 15 Free Shopify Apps to Boost Sales 2017

Top 15 Free Shopify Apps to Boost Sales 2017

More than fifteen thousand entrepreneurs or business use Shopify platform to sell products online. Shopify offers many  apps to the store owner, some of them are free & for some you have to pay money. Many owners prefer to use free apps because they can generate revenue at no cost. More than 1200 Apps are available in the Shopify App store and all have their own importance and also provides help in day-to-day tasks. On today's topic we are going to share the free Shopify Apps to boost sales and the listed apps are used by many store owners. Top 15 Free...

Read more →

How to add tabs in product descriptions Shopify?

How to add tabs in product descriptions Shopify?

At first before going through this tutorial, please check your theme documentation, if it supports product description tabs or not. As all themes are different, no single method will serve all themes perfectly. So, those of you without a technical background may end up contacting a Shopify Expert to handle the additional technical pieces that may be required. However, it is actually easier than you may think. Here is a step-by-step breakdown how you can add tabs to your product descriptions.

Read more →