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, 2015 at 12:45

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