Magento – Magento 2: How to move “Sign In” block in checkout below progress bar

designlayoutmagento2

In blank theme checkout, the "Sign In" link is located at the top right of the page.

I want to move it under the checkout progress bar.

I tried this way but it didn't work.

Best Answer

Create the file : app/design/frontend/<package>/<theme>/Magento_Checkout/web/template/onepage.html

And put this content inside :

<!--
/**
 * Copyright © 2013-2017 Magento, Inc. All rights reserved.
 * See COPYING.txt for license details.
 */
-->

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

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

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

<!-- ko foreach: getRegion('messages') -->
<!-- ko template: getTemplate() --><!-- /ko -->
<!--/ko-->
<div class="opc-wrapper">
    <ol class="opc" id="checkoutSteps">
        <!-- ko foreach: getRegion('steps') -->
        <!-- ko template: getTemplate() --><!-- /ko -->
        <!--/ko-->
    </ol>
</div>

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

The original file is apps/magento2/vendor/magento/module-checkout/view/frontend/web/template/onepage.html

You might run a magento setup:upgrade to delete pub content in order to force Magento to use your new template file.

Related Topic