Add a "previous step" button during checkout

Hi there,

There are talks relating to changing the "next step" button of the last step to "confirm order" button.

But I need to add a "go previous step" button during the checkout process.

It's because I don't use breadcrumb; also, I realized when I use the "previous page" button of browsers, such as IE, errors will appear.

I think the best way is to add a "previous button".

Can you give me some insights how to do it?

Thank you so much.

Hi,

You try the code below in the view "checkout / step" in HikaShop > Display > Views.

echo $this->cart->displayButton(JText::_('HIKA_NEXT'),'next',$this->params,hikashop_completeLink('checkout&task=step&step='.($this->step+1)),'','id="hikashop_checkout_previous_button"');

Dear,

I changed code like this:

 <?php

    if($this->nextButton){
      echo $this->cart->displayButton(JText::_('HIKA_NEXT'),'next',$this->params,hikashop_completeLink('checkout&task=step&step='.($this->step+1)),'if(hikashopCheckChangeForm(\'order\',\'hikashop_checkout_form\')){ if(hikashopCheckMethods()){ document.getElementById(\'hikashop_validate\').value=1; document.forms[\'hikashop_checkout_form\'].submit();}} return false;','id="hikashop_checkout_next_button"');
    
     echo $this->cart->displayButton(JText::_('HIKA_BACK'),'next',$this->params,hikashop_completeLink('checkout&task=step&step='.($this->step-1)),'','id="hikashop_checkout_previous_button"');
      }
    ?>

You don't have to change the "next" after the "HIKA_BACK" text, it's just to recognize the kind of button, and it's the same type as the next.
To not display this button on the first step, you have to add a if condition like:

if($this->step != 0)
    echo $this->cart->displayButton(JText::_('HIKA_BACK'),'next',$this->params,hikashop_completeLink('checkout&task=step&step='.($this->step-1)),'','id="hikashop_checkout_previous_button"');

Dear X.,

Your reply is professional and helpful.

I am really grateful.

I was looking for this feature and ran a search and found this topic.
This seems like a standard checkout feature - a back button.
Is there a reason that it wasn't added into HikaShop, or was not atleast given as an on/off option?
Just a HikaShop Business newbie askin some questions.

Thanks.

I've been trying to put together a Back and aFinish button into my checkout process.
I've culled together different posts (mostly from Xavier), edited Checkout/step .php, and here is what I have so far...

<?php
if($this->nextButton){


if($this->step==2){ 
      echo $this->cart->displayButton('Finish','next',$this->params,hikashop::completeLink('checkout&task=step&step='.$this->step+1),'document.forms[\'hikashop_checkout_form\'].submit(); return false; ','id="hikashop_checkout_next_button"'); 
      }
      else{echo $this->cart->displayButton(JText::_('NEXT'),'next',$this->params,hikashop::completeLink('checkout&task=step&step='.$this->step+1),'document.forms[\'hikashop_checkout_form\'].submit(); return false;','id="hikashop_checkout_next_button"'); 
      }
        
if($this->step!=0){
      echo $this->cart->displayButton(JText::_('BACK'),'next',$this->params,hikashop::currentUrl(),'history.back();return false;','id="hikashop_checkout_back_button"');
      }      
      
      }
      ?>
            
    </form>

Confirm Form Resubmission
This webpage requires data that you entered earlier in order to be properly displayed. You can send this data again, but by doing so you will repeat any action this page previously performed. Press Reload to resend that data and display this page

hmmm....
Didn't exactly work for me.

I edited the code to be the following.

<?php
if($this->nextButton){
 
 
if($this->step==2){ 
      echo $this->cart->displayButton('Finish','next',$this->params,hikashop::completeLink('checkout&task=step&step='.$this->step+1),'document.forms[\'hikashop_checkout_form\'].submit(); return false; ','id="hikashop_checkout_next_button"'); 
      }
      else{echo $this->cart->displayButton(JText::_('NEXT'),'next',$this->params,hikashop::completeLink('checkout&task=step&step='.$this->step+1),'document.forms[\'hikashop_checkout_form\'].submit(); return false;','id="hikashop_checkout_next_button"'); 
      }
 
if($this->step!=0){
      echo $this->cart->displayButton(JText::_('BACK'),'next',$this->params,hikashop::currentUrl(),'window.location=\''.hikashop::completeLink('checkout&task=step&step='.$this->step-1).'\';return false;','id="hikashop_checkout_back_button"');
      }      
 
      }
      ?>
 
    </form>

Thanks for the help Jerome.
I'll be honest... I haven't a clue about any of the stuff you just said.

I did not see parentheses in your code (like the code that Xavier gives).

After that, when using hikashop_completeLink for Javascript code, you should use the parameters.

hikashop_completeLink($link,$popup = false,$redirect = false)

$popup should stay "false" but $redirect should be set to "true" (for better javascript serialization).

After that, adding some parentheses for the "($this->step - 1)" should be better.

Checking the generated code would be useful too.

Hi,

Can you try the solution given in that post:
www.hikashop.com/fr/forum/2-general-talk...t-go-back.html#82912

Hi Xavier,

I had tried that code and had it working, but I could never figure out how to not have it show up on Step 0.
It would show up on that step and take me to Step--1 (which was actually Step 0 again).

If I could get it to not show up on the first page (cart overview) that would be awesome!

Hi,

You can add a check around this button, like:

if($this->step > 0){
  // display the button
}

I tried it but it goes to white screen.

This is how I have the code and what it looks like (including the colors it shows) - I couldnt get the post to show it right with the {code} thing. The red text actually shows as black in the code box in hikashop, but it's too hard to see it black so I made it red.

<?php
if($this->nextButton){


if($this->step==2){
echo $this->cart->displayButton('Finish','next',$this->params,hikashop::completeLink('checkout&task=step&step='.$this->step+1),'document.forms[\'hikashop_checkout_form\'].submit(); return false; ','id="hikashop_checkout_next_button"');
}
else{echo $this->cart->displayButton(JText::_('NEXT'),'next',$this->params,hikashop::completeLink('checkout&task=step&step='.$this->step+1),'document.forms[\'hikashop_checkout_form\'].submit(); return false;','id="hikashop_checkout_next_button"');
}


if($this->step > 0){
<input onclick="location.href='<?php $stepb = $this->step-1; echo hikashop_completeLink('checkout&task=step&step='.$stepb.$url_itemid);?>'" type="button" name="Back" value="<?php echo JText::_('HIKA_BACK'); ?>" class="btn button hikashop_cart_input_button" id="hikashop_checkout_previous_button"; />
}

}
?>

</form>



<?php
if($this->continueShopping){ .................................

Thanks to try that:

<?php
if($this->nextButton){


if($this->step==2){
echo $this->cart->displayButton('Finish','next',$this->params,hikashop::completeLink('checkout&task=step&step='.$this->step+1),'document.forms[\'hikashop_checkout_form\'].submit(); return false; ','id="hikashop_checkout_next_button"');
}
else{echo $this->cart->displayButton(JText::_('NEXT'),'next',$this->params,hikashop::completeLink('checkout&task=step&step='.$this->step+1),'document.forms[\'hikashop_checkout_form\'].submit(); return false;','id="hikashop_checkout_next_button"');
}


if($this->step > 0){
?>
<input onclick="location.href='<?php $stepb = $this->step-1; echo hikashop_completeLink('checkout&task=step&step='.$stepb.$url_itemid);?>'" type="button" name="Back" value="<?php echo JText::_('HIKA_BACK'); ?>" class="btn button hikashop_cart_input_button" id="hikashop_checkout_previous_button"; />
<?php
}

}
?>

</form>

YES! that works!!!! MANY Thanks Xavier!!!

Copy pasted that code in and worked flawlessly moving back and forth.

I figured it was me not knowing enough php . hehehe
You rock.
Again.... THANKS!!



For anyone wanting a {Back} button and a {Finish} Button - This is the way to go.