Add Back Button on Checkout Pages

How do I add a "Back" button on the checkout pages please? My pages currently have "Continue Shopping" and "Next" buttons but I would also like to add a "Gack Button.

Thank you!!

You can edit the file "step" of the view "checkout" via the menu Display->Views and add your code there.

Best regards,
Nicolas

Hi Nikolas,

I'm also trying to figure out how could I get the "back" button on my checkout page, but I'm not so clever to get how to place that code. Could you please explain that in little more detailed way? Is this just to simply put it at whatever place within file?..
Thank you!

Hi,

You can't put it randomly in the file. But you can always try and if it doesn't work like you want, move it somewhere else and try again.
The simplest is to put it at the top or the bottom of the file and it will display the link at the top or at the bottom of the checkout.

Hi,

I am also trying to place a Back button on the confirmation page before the customer hits the buy now button. I've found the code to use from previous posts, but still not sure where in the step view to place it. I've tried a few different places, but it either displays both the Continue Shopping button and the Back button next to each other, or the back button replaces the Continue shopping button on all checkout pages. Is there a specific place to put this?

Many thanks,

Hi,

You should simply add it at the top of the file.

Thanks, but I would like to replace the "Continue Shopping" button with a "Back" button on the Confirmation page only so that if a customer needs to update something they can go back to their cart to make that change. However I would like only the "Continue Shopping" button to remain on the previous checkout pages.

Is this possible?

Everything is possible. There is however a bit more complex as you need to know if you're on the last step or not.
Then, you can just display the normal continue button:
echo $this->cart->displayButton(JText::_('CONTINUE_SHOPPING'),'continue_shopping',$this->params,JRoute::_($this->continueShopping),'window.location=\''.JRoute::_($this->continueShopping).'\';return false;','id="hikashop_checkout_shopping_button"');
or your back button.

Here is more information on all that:
www.hikashop.com/en/forum/4-how-to/13429...der-in-checkout.html

Hi there, I too was looking to add the 'Back' button to the checkout pages (even though you can still click on the checkout workflow links to go back). However, after looking at a couple of posts, I have merged other solutions to come up with this addition within the checkout/step.php code just before the </form> tag (hikashop version 2.3.3):

Also, in order to float it left, I added this to my hikashop stylesheet - frontend_bluegrass.css file (this is just a modified version of media/com_hikashop/css/frontend_default.css):

And it looks like the other button styles and sits to the left of the Continue Shopping button. Hope this helps others also.

I followed the instructions from last year and it worked great. I've just upgraded to the latest version and would now like to have the "Next" and "Back" buttons formatted by the template, like the "New" button for addresses (see image, which shows template formatted "New" button and plain "Next" button).

I can change the formatting of "Next" using Firebug by changing type="submit" to type="button", but I can't figure out how do do that permanently within the HikaShop php or css codes.

Thanks.

Dave

Hi,

You have to add new css properties in the hikashop frontend css file or directly in your template file on the following ids:
You can get the template properties thanks to firebug and use it for the given ids.

hikashop.com/support/support/documentati...ize-the-display.html

Hi Xavier,

Thanks for your quick reply. I couldn't get your suggestion to work, but you gave me the idea to copy the template CSS for buttons into the front-end CSS custom file of Hikashop like this:

From what I see in the CSS of the template the buttons should have been formatted like the others, but I have no explanation why they're not. Thanks again!

Dave

I know this is an old thread but I added the code:

and on some (not all) of the checkout steps I get the browser error/warning: "Confirm Form Resubmission" ... is there a better solution to this?

Thanks!
Dave

Hi,

Another solution could be to get the current url and replace the step number to the prevous number instead of doing a "history.back()".
If the url is mydomain.com/checkout/step-2 so replace it by mydomain.com/checkout/step-1 and redirect to this address with some javascript.

ended up adding the following code which seems to work