Order details hidden on mobile (Checkout)

Solved
leinaD
Shopify Partner
40 1 4

Hey,

during checkout the order details are hidden by default.  Of course they can be unfolded but this is an issue when being certified.

 

'Bestellzusammenfassung anzeigen' (show order details) will unveil product price, subtotal and so on. Is there a way to unfold this by default? Desktop view is perfect, only mobile will 'compress' the view due to responsiveness.

 

screenshot_checkout.png

0 Likes
Dallas
Shopify Staff
Shopify Staff
911 60 175

This is an accepted solution.

Hey, there.

 

This is Dallas from the Shopify Social Care Team.

 

When it comes to the actual checkout of the store, its layout and the backend liquid are both locked. In that case, this feature will have to stay as it is.

 

I completely understand the frustration when it comes to trying to allow your customers to see all of the order details before they proceed in the checkout, but the reason it is set up this way is to streamline the process and help to prevent abandoned carts. At this point in the purchasing process your customers are coming right from the cart where they can see all that they have added to the cart. Then at the end of the checkout process your customers will see a summary before they process payment in order to make sure that they are all set before they pay.

 

In this case it is actually better that the summary is hidden for your business so that your customers can start the process to pay for the products that they want. When it comes to working towards converting sales the best course of action is to make the checkout as easy and streamlined as possible so payment can be captured as easily as possible.

 

I totally understand your request, but even though this isn't a feature that can be adjusted I think in the long run the way it is now is going to be a more positive feature than negative.

 

Based on the information that was shared this should answer your question, but if you have any follow ups or any additional questions please let me know.

 

Best

Dallas | Social Care @ Shopify
 - Was my reply helpful? Click Like to let me know! 
 - Was your question answered? Mark it as an Accepted Solution
 - To learn more visit the Shopify Help Center or the Shopify Blog

0 Likes
leinaD
Shopify Partner
40 1 4

Hi Dallas,

 

I know there is not much to modifiy when it comes to the checkout page. However, thanks for the quick and clear response. I'm curious whether this will fail the certification or not.

 

Regards

0 Likes
Dallas
Shopify Staff
Shopify Staff
911 60 175

I'm not sure I am following what you mean when you're talking about failing the certification. 

 

There shouldn't be any failures associated with the summary not expanding, but if I am not quite understanding what you're meaning please let me know! 

Dallas | Social Care @ Shopify
 - Was my reply helpful? Click Like to let me know! 
 - Was your question answered? Mark it as an Accepted Solution
 - To learn more visit the Shopify Help Center or the Shopify Blog

0 Likes
leinaD
Shopify Partner
40 1 4

There are entities like Trusted Shops with Certifications for your shop. These are very common and by passing some conditions you gain trust. And (at least in germany) the order details need to be exposed in checkout (like it's done in desktop view).

0 Likes
m_waqas
Trailblazer
164 36 48

This is the default behaviour of Shopify, though you may open it by default using the Javascript. If you're a Shopify plus brand add the following code in the checkout.liquid layout otherwise go to your Shopify admin's settings, click on "checkout" and find the text area labelled as "Additional scripts" and paste the code there and hit "save" button.

 

if(window.location.href.indexOf("checkouts") > -1 && $(".order-summary-toggle").length > 0) {
	$(".order-summary-toggle").click();
}


Note: In order to work it correctly, you must have jQuery at your chekcout.

- Was my reply helpful? Click Like and Accept as Solution
- Want to implement a custom solution? Feel free to contact me at waqas4346@gmail.com
0 Likes
leinaD
Shopify Partner
40 1 4

Adding this to the additional scripts field will have no effect as this is only considered later in the process. Unfortunately I can't modify checkout.liquid (No Shopify Plus).

I'm curious, did it work out when the script is added to the checkout.liquid file?

0 Likes
m_waqas
Trailblazer
164 36 48

You're correct it will not work through additional scripts but it does work through checkout.liquid but as you're not a Shopify plus, you won't be able to add it there.

- Was my reply helpful? Click Like and Accept as Solution
- Want to implement a custom solution? Feel free to contact me at waqas4346@gmail.com
0 Likes
Jorge_Aguayo
Tourist
3 0 0

Hello Dallas!

There is still one little issue: the coupon box is also hidden, and now I understand why some of my customers compliant saying "there is not such a coupon box on your checkout" 

Thanks for giving a second thought on this one 

Jorge

0 Likes
bearandbabe
New Member
2 0 0

Hi Dallas,

Appreciate can't expand it all by default but would appreciate if the coupon field could be moved to the main body as we have had a number of customers complain they can't find it and doesn't make sense to place it within the order summary when it relates more to payment.

All the best

Peter

0 Likes