Hello Everyone,
In this blog, we will learn how to Add a Header and Footer on the Checkout Page in Magento 2.
Header and Footer are displayed on all pages except the checkout page.
Many store owners want to add headers and footers on the checkout page for ease of customer shopping experience.
Without wasting your time, let us guide you straight away. Follow the easy step given below to Add the Header and Footer to the Checkout Page in Magento 2.
STEPS FOR ADDING HEADER AND FOOTER ON CHECKOUT PAGE IN MAGENTO 2
Step 1: Create checkout_index_index.xml file
app/code/Vendor/Extension/view/frontend/layout/checkout_index_index.xml
<?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="mini cart" remove="false"/>
<referenceContainer name="header.panel" remove="false"/>
<referenceBlock name="top.search" remove="false"/>
<referenceBlock name="catalog.compare.link" remove="false"/>
<referenceBlock name="catalog.top nav" remove="false"/>
<referenceContainer name="footer-container" remove="false"/>
</body>
</page>
Step 2: Finally run the below commands
$ php bin/magento cache: clean
$ php bin/magento cache: flush
Step 3: Output:
Final Thoughts:
This was the easiest way which we have told you in this blog. This is how you can Add a Header and Footer On the checkout page in Magento 2. We hope you liked the blog.
So quickly go to the comment box and tell me how you like this blog.
Stay tuned with us on our site to get new updates on Magento.
Thanks for reading and visiting our site.
