How can we set the order summary to expand by default?

[SAlawadhi]

We are facing an issue where customers do not realize that they have to click on Order Summary to expand it to show the details of their charges and total (in the mobile theme).

hence, we need to have the Order Summary expand by default, how can we do that!

before expanding:

we need it to be expanded by default as below:

[oscprofessional]

@SAlawadhi 
Hii,
Connect to Shopify Help Center

[beultra]

has this default option been found

[nanna_svendsen]

I am also looking for a solution to this issue.

[MILANO_ · Accepted solution]

I was speaking to Shopify support, and I thank God for helping me find the answer. Change the title of the order summary box,  Settings> Checkout> Manage Checkout Language > Check out> Expand Summary. God bless whoever sees this, keep going; hopefully, your business is doing well. I hope this helped ✝️🔥

 

[SAlawadhi]

thank you for the help. this is a helpful workaround. but i am trying to have the summary expanded by Default

[taylor91]

Yes, this is really big problem. 

I getting large amounts of customers getting all they way to checkout, then leaving. They do not see how to enter discount codes or check their order.

@Shopify this is a very big problem

[nicolewhitley]

I completely agree - it's a massive issue given how common discount codes are.

@Shopify - your users need a real solution to this issue, not a cheesy workaround.

[LVJ]

Has anyone found a solution?? 

[SoniaOnline]

It should be an option to have it open by default = it is a big problem for many of our customers as they can not add there coupon code! It should be a Shopify option to be able to have it by default as over 70% of customers shop on mobile !! SOOO FRUSTRATING!

[IronCladfamily]

This is a workaround, but we need it expanded by default. I see customers go all the way to checkout then abort especially that we have a popup for 10% discount so they don't know what tdo they leave. This is on mobile which is 90% of the traffic really. 

[nightscare]

This doesn’t actually work though. Doesn’t expand it.  This is a really dumb problem, surely there is a code/liquid fix for this? 

[CaseyDugan]

This should not be accepted as a solution. Shopify needs to add an option to expand the order summary by default. It currently looks like I am trying to hide shipping fees and taxes from my customers. It also looks like I'm purposely trying to make it difficult for my customers to find where to enter discount codes

[nightscare]

yeh 100%, my target market is the older generation, and they like to see whats in their cart and apply their discount in the checkout stage.  I don't understand why this cant be an option, it is 100% causing dropped checkouts for me..  - @Shopify 

Even me personally, if i cant see to enter my discount on the first page, i would drop the checkout also.  not going through the hassle of entering all my details , i know its obvious on the 3rd page, but i wouldn't get that far.

[shopBuilder99]

Has anybody found a solution?

[IronCladfamily]

I've installed app DCart and customized the discount box to show up under the order note. The only drawback is it didn't look good with a cart drawer, so I had to disable the drawer option but at least i see customers now are seeing the box and if I auto apply a discount it shows under it which is great, so they have more confidence in moving forward to checkout. Still a workaround and I don't know what liquid code this app does, but it worked for us/

[nightscare]

I have 1 page checkout now, so it's not a problem anymore.

[TheCurlyCEO]

This worked great! Just a small note you need to actually search (use the search bar to filter) "expand", and "hide" if you want to change that too > Save.

[pachocastillosr]

Is there any way to expand the order summary using a URL parameter?

[Dennis_Birk]

If someone here is still interested. Place this script I made at the bottom of your "checkout.liquid" right before the "{tracking_code}" at the bottom of the file. If you do not have Shopify Plus, then it should work if you add it to additional scripot (Online store > Preferences > additional scripts)

<script>
      document.addEventListener('DOMContentLoaded', function() {
        setTimeout(function() {
          const orderSummaryToggle = document.querySelector('.order-summary-toggle__text');
          if (orderSummaryToggle) {
            orderSummaryToggle.click();
          }
        }, 0);
      });
    </script>

I have tested, and it works. Voila! I am always for hire if you need me 😉 

[Onegawad]

hey i tried that but it didn't work on mobile. has it been changed or updated. i put it right in checkout.liquid

[coffeepete]

This is now fully supported.

To expand the Order Summary automatically on mobile checkout, follow these steps:

1. From your Shopify admin, go to Settings > Checkout.
2. Click Customize next to your checkout configuration.
3. In the Sections sidebar, select Order summary.
4. Activate the Always show discount code field setting.
5. Click Save.

This feature is available only for Shopify Plus merchants.

 

[ara4]

Hey! Thanks for this. This only works on a 3-page checkout layout. How can we get this working on a 1-page checkout layout?