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.

<a href="#" onclick="history.back();return false;">Go back</a>

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,

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,

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?

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):

        $checkout_back_button = JText::_('HIKA_BACK');
        if($this->step!=0){
            echo $this->cart->displayButton($checkout_back_button,'back',$this->params,hikashop::currentUrl(),'history.back();return false;','id="hikashop_checkout_back_button"');
        }

#hikashop_checkout_back_button {
	float:left;
}

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:

#hikashop_checkout_back_button, #hikashop_checkout_next_button{
  /* Your properties */
}

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:

#hikashop_checkout_next_button{
  background:#265c91 url(../images/submitbutton_02.png) repeat-x;
  border: 1px solid transparent;
  padding: 4px 6px;
  border-radius: 6px;
  color: #fff;
  float:right;
}

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

$checkout_back_button = JText::_('HIKA_BACK');
        if($this->step!=0){
            echo $this->cart->displayButton($checkout_back_button,'back',$this->params,hikashop::currentUrl(),'history.back();return false;','id="hikashop_checkout_back_button"');
        }

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

if ( $this->step!=0 ){
          echo '<a class="btn button hikashop_cart_input_button" id="hikashop_checkout_back_button" href="' . hikashop_completeLink('checkout&task=step&step='.($this->step-1)) . '">' . JText::_('HIKA_BACK') . '</a>';
 }