Kdjykuj

I want to add custom links to the topmen / a submenu in the topmenu (I need the links for custom filters). To achieve this, I have created a plugin:

app/code/Vendor/Module/etc/frontend/di.xml:

<config xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xsi:noNamespaceSchemaLocation="../../../../../../lib/internal/Magento/Framework/ObjectManager/etc/config.xsd">

    <!-- Plugin to add custom topmenu links -->

    <type name="MagentoThemeBlockHtmlTopmenu">

        <plugin name="Module-topmenu" type="VendorModulePluginBlockTopmenu" sortOrder="1"/>

    </type>

</config>

app/code/Vendor/Module/Plugin/Block/Topmenu.php:

namespace VendorModulePluginBlock;





class Topmenu

{

    /**

     * @var NodeFactory

     */

    protected $nodeFactory;



    public function __construct(

        NodeFactory $nodeFactory

    ) {

        $this->nodeFactory = $nodeFactory;

    }



    public function beforeGetHtml(

        MagentoThemeBlockHtmlTopmenu $subject,

        $outermostClass = '',

        $childrenWrapClass = '',

        $limit = 0

    ) {



        $node = $this->nodeFactory->create(

            [

                'data' => $this->getNodeAsArray(),

                'idField' => 'unique-id',

                'tree' => $subject->getMenu()->getTree()

            ]

        );



        $subject->getMenu()->addChild($node);

    }



    protected function getNodeAsArray()

    {

        return [

            'name' => 'Testlink',

            'id' => 'testlink',

            'url' => 'http://www.example.com/',

            'has_active' => false,

            'is_active' => false // (expression to determine if menu item is selected or not)

        ];

    }

}

But this does not work, the custom menu link won't appear. Is there an error in my code, or is there another way to add topmenu/submenu links that are not categories?

First, create a module.

Second: create di.xml where we will define the plugin.

appcode{VendorName}{ModuleName}etcdi.xml

<?xml version="1.0"?>

<config xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" 

xsi:noNamespaceSchemaLocation="urn:magento:framework:ObjectManager/etc/config.xsd">

    <type name="MagentoThemeBlockHtmlTopmenu">

        <plugin name="add_cms_menu" type="{VendorName}{ModuleName}PluginTopmenu" sortOrder="1" />

    </type>

</config>

3.Now create the plugin class where we will add a cms page link to the menu.

File Path: appcode{VendorName}{ModuleName}PluginTopmenu.php

<?php 

namespace {VendorName}{ModuleName}Plugin;

use MagentoFrameworkDataTreeNodeFactory;

class Topmenu

{

    protected $nodeFactory;

    protected $_storeManager;

    protected $_pageFactory;

    protected $_urlBuilder;



    public function __construct(

        NodeFactory $nodeFactory,

        MagentoCmsModelPageFactory $pageFactory,

        MagentoStoreModelStoreManagerInterface $storeManager,

        MagentoFrameworkUrlInterface $urlBuilder

    ) {

        $this->nodeFactory = $nodeFactory;

        $this->_pageFactory = $pageFactory;

        $this->_storeManager = $storeManager;

        $this->_urlBuilder = $urlBuilder;

    }

    public function beforeGetHtml(

        MagentoThemeBlockHtmlTopmenu $subject,

        $outermostClass = '',

        $childrenWrapClass = '',

        $limit = 0

    ) {

        /* Showing  Cms page About us at menu */

        $page = $this->getCmspage('about-us');

        if($page == null){

            return;

        }





        $node = $this->nodeFactory->create(

            [

                'data' => [

                    'name' => $page->getTitle(),

                    'id' => $page->getIdentifier(),

                    'url' =>  $this->_urlBuilder->getUrl(null, ['_direct' => $page->getIdentifier()]),

                    'has_active' => false,

                    'is_active' => false // (expression to determine if menu item is selected or not)

                ],

                'idField' => 'id',

                'tree' => $subject->getMenu()->getTree()

            ]

        );

        $subject->getMenu()->addChild($node);

    }

    protected function getCmspage($identifier){



        $page = $this->_pageFactory->create();

        $pageId = $page->checkIdentifier($identifier, $this->_storeManager->getStore()->getId());



        if (!$pageId) {

            return null;

        }

        $page->setStoreId($this->_storeManager->getStore()->getId());

        if (!$page->load($pageId)) {

            return null;

        }



        if (!$page->getId()) {

            return null;

        }



        return $page;

    }



}

In this way, you can Magento2 an add custom link to menu or navigation.

<?php 

namespace {VendorName}{ModuleName}Plugin;

use MagentoFrameworkDataTreeNodeFactory;



class Topmenu

{

    protected $nodeFactory;

    protected $_storeManager;

    protected $_pageFactory;

 protected $_urlBuilder;



    public function __construct(

        NodeFactory $nodeFactory,

 MagentoCmsModelPageFactory $pageFactory,

 MagentoStoreModelStoreManagerInterface $storeManager,

 MagentoFrameworkUrlInterface $urlBuilder

    ) {

        $this->nodeFactory = $nodeFactory;

 $this->_pageFactory = $pageFactory;

        $this->_storeManager = $storeManager;

 $this->_urlBuilder = $urlBuilder;

    }



    public function beforeGetHtml(

        MagentoThemeBlockHtmlTopmenu $subject,

        $outermostClass = '',

        $childrenWrapClass = '',

        $limit = 0

    ) {

 // Add contact us page in menu



       $node = $this->nodeFactory->create(

            [

                'data' => [

                    'name' => __('CONTACT US'),

                    'id' => 'contactus',

                    'url' => $this->_urlBuilder->getUrl(null, ['_direct' =>'contact']),

                    'has_active' => false,

                     'is_active' => false

                     ],

                 'idField' => 'id',

                 'tree' => $subject->getMenu()->getTree()

            ]

        );

        $subject->getMenu()->addChild($node);

    }





}

This module should have below files:

app/code/{VendorName}/{ModuleName}/etc/module.xml
app/code/{VendorName}/{ModuleName}/composer.json
app/code/{VendorName}/{ModuleName}/registration.json