How Can I move a search bar in Navigation div in Magento 2 via XML?
You can put a search box after the navigation block and use css to make display it in one line, since html/topmenu.phtml block doesn’t print its child’s
|
1 |
<move element="top.search" destination="page.top" after="catalog.topnav" /> |
Alternatively, you can overwrite html/topmenu.phtml to
|
1 |
<?php $columnsLimit = $block->getColumnsLimit() ?: 0; ?> <?php $_menu = $block->getHtml('level-top', 'submenu', $columnsLimit) ?> <nav role="navigation"> <ul data-mage-init='{"menu":{"responsive":true, "expanded":true, "position":{"my":"left top","at":"left bottom"}}}'> <?php echo $_menu; ?> </ul> <?php echo $block->getChildHtml() ?> </nav> |
More tips from Magento 2 Developer’s Cookbook
Source () ()
Related posts
How to Import Customers & Customer Addresses to Magento 2
Magento 2 B2B Company Guide: Revealing Company Structure & Import
Magento 2 Release Notes
Adobe (Magento 2) Commerce and Cloud (Enterprise Edition) Specific Features
Amasty ChatGPT AI Content Generator for Magento 2
Magento Open Source and Adobe Commerce 2.4.7 Release Notes
Shopware 6 Advanced Pricing Guide + Import Tutorial
How to Import Custom CSV to Magento 2 Programmatically