{"id":1394,"date":"2024-04-23T18:57:49","date_gmt":"2024-04-23T13:27:49","guid":{"rendered":"https:\/\/magecurious.com\/blog\/?p=1394"},"modified":"2025-01-11T21:14:33","modified_gmt":"2025-01-11T15:44:33","slug":"how-to-add-a-header-footer-on-the-checkout-page-in-magento-2","status":"publish","type":"post","link":"https:\/\/magecurious.com\/blog\/how-to-add-a-header-footer-on-the-checkout-page-in-magento-2\/","title":{"rendered":"How To Add A Header & Footer On The Checkout Page In Magento 2"},"content":{"rendered":"\n

Hello Everyone,\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0<\/strong><\/p>\n\n\n\n

In this blog, we will learn how to Add a Header and Footer on the Checkout Page in Magento 2.<\/p>\n\n\n\n

Header and Footer are displayed on all pages except the checkout page.<\/p>\n\n\n\n

Many store owners want to add headers and footers<\/a> on the checkout page for ease of customer shopping experience.          <\/p>\n\n\n\n

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<\/a>.<\/p>\n\n\n\n

STEPS FOR ADDING HEADER AND FOOTER ON CHECKOUT PAGE IN MAGENTO 2<\/strong><\/p>\n\n\n\n

Step 1: Create checkout_index_index.xml file<\/strong><\/h3>\n\n\n\n

app\/code\/Vendor\/Extension\/view\/frontend\/layout\/checkout_index_index.xml<\/strong><\/p>\n\n\n

\n<?xml version="1.0"?>\n\n<page xmlns:xsi="http:\/\/www.w3.org\/2001\/XMLSchema-instance" layout="1column"\n\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0xsi:noNamespaceSchemaLocation="urn:Magento:framework: View\/Layout\/etc\/page_configuration.xsd">\n\n\u00a0\u00a0\u00a0\u00a0<body>\n\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0<move element="logo" destination="header-wrapper" before="-"\/>\n\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0<referenceBlock name="mini cart" remove="false"\/>\n\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0<referenceContainer name="header.panel" remove="false"\/>\n\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0<referenceBlock name="top.search" remove="false"\/>\n\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0<referenceBlock name="catalog.compare.link" remove="false"\/>\n\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0<referenceBlock name="catalog.top nav" remove="false"\/>\n\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0<referenceContainer name="footer-container" remove="false"\/>\n\n\u00a0\u00a0\u00a0\u00a0<\/body>\n\n<\/page>\n<\/pre><\/div>\n\n\n
Step 2: Finally run the below commands<\/strong><\/h3>\n\n\n
\n$ php bin\/magento cache: clean\n\n$ php bin\/magento cache: flush\n<\/pre><\/div>\n\n\n
Step 3: Output:<\/strong><\/h3>\n\n\n\n
\"\"\/<\/figure>\n\n\n\n
<\/div>\n\n\n\n
Final Thoughts:<\/strong><\/p>\n\n\n\n
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.<\/p>\n\n\n\n
So quickly go to the comment box and tell me how you like this blog.<\/p>\n\n\n\n
Stay tuned with us on our site to get new updates on Magento.<\/strong><\/p>\n\n\n\n
Thanks for reading and visiting our site.<\/p>\n\n\n
      
          
        How useful was this post?      <\/p>              
        Click on a star to rate it!      <\/p>        
      
                      
  •               <\/i>          <\/li>                  
  •               <\/i>          <\/li>                  
  •               <\/i>          <\/li>                  
  •               <\/i>          <\/li>                  
  •               <\/i>          <\/li>              <\/ul>    <\/div>    
    <\/p>