Add Continue Shopping to Checkout

We get a considerable amount of traffic from mobile but consumers have complained that they have no method of easily continuing to shop or returning to their cart once they have proceeded to the checkout pages.

In desktop it's not an issue since they can browse backwards easily, but the browser navigation for many mobile phones is pathetic, especially trying to go backwards.

One solution I can suggest is to include the Continue Shopping button (or Return to Cart) button on all the accordian pages of the checkout in the same manner as it appears on the cart page where the shop button is pulled left and the continue or checkout button is pulled right. This would give the consumer the option to continue shopping and then proceed with checkout later.

I found the Continue Shopping button code from the cart.tpl but I can't figure out how to add it to the checkout.tpl which is significantly different code. Can anyone suggest where and how to add the Continue Shopping button code?

Please feel free to pm me if you can't add the solution here.

Cheers.

hi giproc,

Have you looked at the themes that are supposedly formatted for mobile phones? They contains a check to redirect to the mobile phone format or computer format. This might be a better idea than making and maintaining changes to files...

Thanks Randem. We tried a few mobile themes and also some of the one-page / quick checkout extensions. Our problem is that we use a customized gift system that reacts to totals and to specific products when they are added or taken out of the cart or at the confirm page. None of them work properly with the gift system's logic which is a vital part of our system.

From what I see, the "Continue Shopping" button requires only one line of code ....

<div class="pull-left"><a href="https://dreamjewelry.com/" class="btn btn-default">Continue Shopping</a></div>
or
<div class="pull-left"><a href="https://dreamjewelry.com/cart" class="btn btn-default">Return to Cart</a></div>


That's taken from the cart.tpl. I tested by adding this line through Firebug and it worked exactly as I want it to work plus it doesn't bother any other parts of the program. The problem is I have no idea how or where to add that line to the checkout.tpl (which doesn't look anything like cart.tpl)

For me, this minor tweak would be far easier that implementing a parallel mobile theme, at least short term. For anyone who deals extensively with mobile users, I'm sure they've run into the same comments from users about poor navigation. Hopefully someone has implemented a back button for all tabs of the checkout. To me it seems like it should be an essential part of core OC.