Magento 2 add custom menu after all top menu in navigation

We have two choices for achieving this functionality.

One option is to directly add in topmenu.phtml by overriding a file in your theme. There are chances that it won’t work if you have a third party mega menu extension.

Another way is by using the plugin, Here we are going to talk about the same.

We can achieve our requirement by executing two steps:

First, you need to create di.xml in your custom module.

[Vendor Name]/[Module Name]/etc/di.xml

1	[Vendor Name]/[Module Name]/etc/di.xml

<!-- Add custom menu in navigation -->
<type name="Magento\Theme\Block\Html\Topmenu">
    <plugin name="add_registry_inmenu" type="[Vendor Name]\[Module Name]\Plugin\Custommenu" sortOrder="10" disabled="false"/>
</type>

</type>

Now you have to create a plugin file in your custom module

[Vendor Name]/[Module Name]/Plugin/Custommenu.php

1	[Vendor Name]/[Module Name]/Plugin/Custommenu.php

<?php

namespace [Vendor Name]\[Module Name]\Plugin;

class Custommenu
{
    public function afterGetHtml(\Magento\Theme\Block\Html\Topmenu $menu, $html)
    {
        $giftTopUrl = $menu->getUrl('giftr/search/result'); /* Here is the menu link which are redirect after click */
        $baseUrl = $menu->getUrl('*/*/*', ['_current' => true, '_use_rewrite' => true]);
        if (strpos($baseUrl,'giftr/search/result') !== false) {
            $html .= "<li class=\"level0 nav-5 active level-top parent ui-menu-item\">";
        } else {
            $html .= "<li class=\"level0 nav-4 level-top parent ui-menu-item\">";
        }
        $html .= "<a href=\"" . $giftTopUrl . "\" class=\"level-top ui-corner-all\"><span>" . __("Gift Registry") . "</span></a>";
        $html .= "</li>";
        return $html;
    }
}

<?php

namespace [Vendor Name]\[Module Name]\Plugin;

class Custommenu

{

public function afterGetHtml(\Magento\Theme\Block\Html\Topmenu $menu, $html)

{

$giftTopUrl = $menu->getUrl('giftr/search/result'); /* Here is the menu link which are redirect after click */

$baseUrl = $menu->getUrl('*/*/*', ['_current' => true, '_use_rewrite' => true]);

if (strpos($baseUrl,'giftr/search/result') !== false) {

$html .= "<li class=\"level0 nav-5 active level-top parent ui-menu-item\">";

} else {

$html .= "<li class=\"level0 nav-4 level-top parent ui-menu-item\">";

}

$html .= "<a href=\"" . $giftTopUrl . "\" class=\"level-top ui-corner-all\"><span>" . __("Gift Registry") . "</span></a>";

$html .= "</li>";

return $html;

}

After executing both steps, run below command:

php bin/magento cache:flush

1	php bin/magento cache:flush

Now you can check your navigation menu. Your custom menu is added after all top menus.

Fill the below form if you have any Magento programming need.

Add an image programmatically from any url in Magento 2
[crayon-63d6869e94f84138476387/] Using above fucntion Images can be imported directly from...
Magento 2 : Override the Category view block file
Override view block using di.xml and add the below code...
How to check list of Layout XML called for a specific page in Magento 2?
You can check a list of called layout XML for...
Magento 2 : Setup PWA from Scratch
Follow the below steps to install and set up PWA...
How to remove leading zero’s from the order, invoice and shipment number in Magento 2?
If you want to remove all leading zero's from order,...

Author Info

Hire B. Darji

Let’s have a call

Fill the form & Get Installation Support