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 – user1704524 Apr 21 '14 at 20:34
  • What happens in your JavaScript if you set the final parameter of the goToSection call. this.gotoSection('your_step', true); – David Manners Jan 15 '15 at 10:34
  • @DavidManners I have overridden onepagecontroller.php to move to sections. – Milople Inc Jan 15 '15 at 11:19
  • @DavidManners this is what I get in my console {"goto_section":"exempt"}.exempt is the name of my new block – Milople Inc Jan 17 '15 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. – James Cowie Jan 29 '15 at 21:53

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, privacy policy and cookie policy

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