The main idea was to not distract the users on the checkout page who are on the verge of conversion. Sometimes your Magento 2 store may not need the search feature and the search form in your Magento 2 theme may interfere with the user experience and be a conversion killer in such a case.
So I also implemented the programmatic method to remove search from header in Magento 2. Likewise you can also remove menu from header in Magento 2 as a result to speed up your conversion process at the checkout.
Moreover, if you want to temporarily remove the search box from header in Magento 2 store to restrict the orders due to stock unavailability or crisis, the below method can be useful:
Method to remove search from header in Magento 2:
Add this code into XML where you want to remove the header:
For example remove from all the page then add to default.xml
app/code/[Vendor]/[Module]/frontend/layout/default.xml
<?xml version="1.0"?>
<page xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xsi:noNamespaceSchemaLocation="urn:magento:framework:View/Layout/etc/page_configuration.xsd">
<body>
<referenceContainer name="header.container">
<referenceBlock name="top.search" remove="true"/>
</referenceContainer>
</body>
</page>
If you want to remove any specific page, for example, order success page then add this code to checkout_onepage_success.xml
app/code/[Vendor]/[Module]/frontend/layout/checkout_onepage_success.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>
<referenceContainer name="header.container">
<referenceBlock name="top.search" remove="true"/>
</referenceContainer>
</body>
</page>
That’s all.
Please share the post with fellow Magento developers via social media.
Thank you.
