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
    Commented 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. Commented Jan 21, 2015 at 4:12
  • And there are no errors in the console? Commented Jan 21, 2015 at 4:28
  • Can you post the code you are using to add the custom step? Commented Jan 21, 2015 at 4:35
  • $result['update_section'] = array( 'name' => 'payment',); No errors in console too. Commented Jan 21, 2015 at 4:45
  • 1
    Can you share the javascript you wrote for this? Commented Jan 21, 2015 at 5:07

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.