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

I have succefully added the tab but when I move to that tab the progress bar becomes empty.Please help me to solve this issue Image to show the issue

  • The most common reason for that are differences in DIV ID name between JS and HTML. They were changed in some version. – versedi Jan 20 '15 at 12:45


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","exempt", "review"]
  • Everything is running the issue just occurs when I click next after selecting payment method. – Milople Inc Jan 21 '15 at 4:12
  • And there are no errors in the console? – Tyler Craft Jan 21 '15 at 4:28
  • Can you post the code you are using to add the custom step? – Tyler Craft Jan 21 '15 at 4:35
  • $result['update_section'] = array( 'name' => 'payment',); No errors in console too. – Milople Inc Jan 21 '15 at 4:45
  • 1
    Can you share the javascript you wrote for this? – Tyler Craft Jan 21 '15 at 5:07

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.