How to Add Header & Footer to Checkout in Magento 2

Do you want to add header and footer to checkout page in Magento store?

By default Magento 2 checkout page does not comes with header and footer like others pages!

In this tutorial we are going to show you how to add header and footer to checkout page in Magento 2, This article will guide you quickly to add header and footer to checkout page in Magento 2 step by step.

Let’s start!

You need to follow just a few steps to do this task.

Step 1: 

First go to Magento_Checkout in your theme folder.

app/design/frontend/MageBeginners/CustomTheme/Magento_Checkout

Step 2: 

Now create checkout_index_index.xml in your theme, See below file path.

app/design/frontend/MageBeginners/CustomTheme/Magento_Checkout/layout/checkout_index_index.xml

Step 3: 

in this checkout_index_index.xml file add below code and save changes.

<?xml version="1.0"?>
<page xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" layout="1column" xsi:noNamespaceSchemaLocation="urn:magento:framework:View/Layout/etc/page_configuration.xsd">
    <body>
        <move element="logo" destination="header-wrapper" before="-" />
        <referenceBlock name="minicart" remove="false" />
        <referenceContainer name="header.panel" remove="false" />
        <referenceBlock name="top.search" remove="false" />
        <referenceBlock name="catalog.compare.link" remove="false" />
        <referenceBlock name="catalog.topnav" remove="false"/>
        <referenceContainer name="footer-container"  remove="false"/>
    </body>
</page>

Step 4: 

Clear cache from System > Tools > Cache Management

Step 5: 

Refresh your website checkout page to see changes, Header and footer is successfully added now.

How to Add Header & Footer to Checkout in Magento 2 Click To Tweet

If you liked this tutorial, then please subscribe to our Newsletter for Magento tutorials. You can also find us on Twitter and Facebook. If you have any problem or would like to add to the discussion, leave a comment below!

You May Also Like

Editorial Staff

About the Author: Editorial Staff

Editorial Staff at the MageBeginners is a team of Magento experts writing about Magento Tutorials, Themes, Extensions, Guides, Tricks and much more...

Leave a Reply

Your email address will not be published. Required fields are marked *