How can I make the Order Summary visible on mobile view at checkout?

JacA
Visitor
1 0 2

ONLY ON MOBILE VIEW - When a customer enters a product into the cart and a discount code is applied (or needs to be applied) then the customer proceeds to checkout, the “Gift card or discount code” box is automatically hidden. 

This is obviously due to the “Order Summary” being automatically hidden on mobile view. (I can’t attach images due to .jpg not being supported. Seriously?). 

I get a lot of customers questioning how to add their discount code, or if their code has been applied?, plus I have no doubt I am losing a lot of customers due to this information being hidden and causing confusion. 

is there anyway I can have the Order Summary automatically visible at checkout on the mobile view so customers can be assured their discount code has / can be applied? 

using Symmetry theme however same issue with my other store using Dawn theme. 

Many thanks. 

Replies 4 (4)

Lushcloth
Visitor
2 0 1

I am having the same issue and need to know how to fix it too. I believe it is also impacting my sales. 

Lushcloth
Visitor
2 0 1

Hi, I have found this under another title which solved the issue. I hope that helps you

https://community.shopify.com/c/shopify-design/expand-order-summary-by-default/td-p/1646313

WetandDry
Tourist
12 0 2

Recapping the accepted solution from the other thread here, but hopefully with some extra clarity. Note that it is a workaround solution, and I hope Shopify will provide merchants a more robust option to toggle between hiding and expanding order summary on mobile devices by default. 

 

Here are the steps to implement the quick-fix till then:

 

Go to Settings > Checkout > Manage Checkout Language > Checkout Order Summary > Expand order summary.

 

Now in the text field, instead of the default system language in Shopify that reads, "Expand order summary", personalize the text to "Apply Discount Code" (or something that will make your customers know clearly that they can add discount by clicking on this link). See screenshot at end.

 

Hope it helps.

 

Regards

Puneet Khunger

 

WetandDry_0-1684416834682.png

 

Shop for everteen, NEUD, Nature Sure, ManSure brands of health, hygiene and personal care products on the company's official brand store: https://everteen-neud.com

nanna_svendsen
Tourist
3 0 1

I would really like a solution for this too.