My requirement is to customize the Onepage checkout process and adding a new step between the “Payment Information” and “Review” Steps.

So I followed the following instruction.


enter image description here

But after following this, my new tab is displayed on One Step Checkout Page. But When i click to my custom tab, the Side Bar that display Checkout progress is not showing any information it showed previously.

Please Help me.

  • 1
    Using a layout update in your module you need to add the additional step to: app/design/frontend/yourtheme/default/template/checkout/onepage/progress.phtml Apr 21, 2014 at 20:34
  • What happens in your JavaScript if you set the final parameter of the goToSection call. this.gotoSection('your_step', true); Jan 15, 2015 at 10:34
  • @DavidManners I have overridden onepagecontroller.php to move to sections. Jan 15, 2015 at 11:19
  • @DavidManners this is what I get in my console {"goto_section":"exempt"}.exempt is the name of my new block Jan 17, 2015 at 9:03
  • In the JS for your new step have you included any extra JS that could re draw the information in the sidebar ? Without looking more into your customisations I would consider stepping through the JS in chrome dev tools to see what could be manipulating that section. Jan 29, 2015 at 21:53

1 Answer 1


This is an issue with the checkout.steps variable in the checkout.initialize method. You should add your custom step to the array of steps like so:checkout.steps = ["login", "billing", "shipping", "shipping_method", "payment","customtab", "review"]

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service and acknowledge you have read our privacy policy.

Not the answer you're looking for? Browse other questions tagged or ask your own question.