Attempting to move the progressBar within magento's checkout to the header of the page. I thought something simple like creating a move element within checkout_index_index.xml would do the trick however this doesn't seem to work.

<move element="progressBar" destination="header.content" before="-"/>

Any help is appreciated.


I don't think you can move the progress bar this way. It is rendered in onepage.html using knockout:

<!-- ko foreach: getRegion('progressBar') -->
<!-- ko template: getTemplate() --><!-- /ko -->

You can move it around there, but I don't think you can move it to the top of the header. To do that you'll have to resort to some CSS hacking.

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.