Tag Archives: Navigation Menu

Add Navigation Menu Magento 2

You can add a new non catgory navigation menu as follows

1) Add the below code in layout XML

File : app\code\PHPcodez\Subscription\view\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="catalog.topnav">
 <block class="PHPCodez\Subscription\Block\Link" name="your.link">
 <arguments>
 <argument name="label" xsi:type="string">Subscription</argument>
 <argument name="path" xsi:type="string">subscription</argument>
 </arguments>
 </block>
 </referenceContainer>
 </body>
</page>

2) Define the block Link.php

File : app\code\PHPcodez\Subscription\Block\Link.php

<?php
 namespace PHPCodez\Subscription\Block;
 
 class Link extends \Magento\Framework\View\Element\Html\Link {

protected function _toHtml() {
 if (false != $this->getTemplate()) {
 return parent::_toHtml();
 }
 return '<li class="level0 "><a ' . $this->getLinkAttributes() . ' class="level-top" >' . $this->escapeHtml($this->getLabel()) . '</a></li>';
 }
 }

Add Link Navigation Menu Magento 2

You can add a non-category link to the navigation menu by adding the below lines in layout xml file.

<referenceContainer name="navigation.sections">
 <block class="Magento\Framework\View\Element\Html\Links" name="mylink">
 <arguments>
 <argument name="label" xsi:type="string">Mylink</argument>
 <argument name="path" xsi:type="string">mypath</argument>
 <argument name="css_class" xsi:type="string">mycss</argument>
 </arguments>
 </block>
</referenceContainer>