Adding a non-category link to the navigation links in magento 2
[EDIT]
Apparently, in latest versions of M2 this does not work anymore.
Thanks to Max for pointing this out.
For later version you need to add a plugin for Magento\Theme\Block\Html\Topmenu instead of an observer.
Add this to etc/frontend/di.xml
<type name="Magento\Theme\Block\Html\Topmenu">
<plugin name="[module]-topmenu" type="[Namespace]\[Module]\Plugin\Block\Topmenu" />
</type>
and create the plugin class file [Namespace]/[Module]/Plugin/Block/Topmenu.php
<?php
namespace [Namespace]\[Module]\Plugin\Block;
use Magento\Framework\Data\Tree\NodeFactory;
class Topmenu
{
/**
* @var NodeFactory
*/
protected $nodeFactory;
public function __construct(
NodeFactory $nodeFactory
) {
$this->nodeFactory = $nodeFactory;
}
public function beforeGetHtml(
\Magento\Theme\Block\Html\Topmenu $subject,
$outermostClass = '',
$childrenWrapClass = '',
$limit = 0
) {
$node = $this->nodeFactory->create(
[
'data' => $this->getNodeAsArray(),
'idField' => 'id',
'tree' => $subject->getMenu()->getTree()
]
);
$subject->getMenu()->addChild($node);
}
protected function getNodeAsArray()
{
return [
'name' => __('Label goes here'),
'id' => 'some-unique-id-here',
'url' => 'http://www.example.com/',
'has_active' => false,
'is_active' => false // (expression to determine if menu item is selected or not)
];
}
}
[/EDIT]
Original answer:
You can add elements to the top menu using the event page_block_html_topmenu_gethtml_before.
So you need to create a module with these files (all the files should be in app/code/[Namespace]/[Module]):
etc/module.xml - the module declaration file
<?xml version="1.0"?>
<config xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xsi:noNamespaceSchemaLocation="urn:magento:framework:Module/etc/module.xsd">
<module name="[Namespace]_[Module]" setup_version="2.0.0">
<sequence>
<module name="Magento_Theme"/>
</sequence>
</module>
</config>
registration.php - the registration file
<?php
\Magento\Framework\Component\ComponentRegistrar::register(
\Magento\Framework\Component\ComponentRegistrar::MODULE,
'[Namespace]_[Module]',
__DIR__
);
etc/frontend/events.xml - the events declaration file
<?xml version="1.0"?>
<config xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xsi:noNamespaceSchemaLocation="urn:magento:framework:Event/etc/events.xsd">
<event name="page_block_html_topmenu_gethtml_before">
<observer name="[namespace]_[module]_observer" instance="[Namespace]\[Module]\Observer\Topmenu" />
</event>
</config>
Observer/Topmenu.php - the actual observer
<?php
namespace [Namespace]\[Module]\Observer;
use Magento\Framework\Event\Observer as EventObserver;
use Magento\Framework\Data\Tree\Node;
use Magento\Framework\Event\ObserverInterface;
class Topmenu implements ObserverInterface
{
public function __construct(
...//add dependencies here if needed
)
{
...
}
/**
* @param EventObserver $observer
* @return $this
*/
public function execute(EventObserver $observer)
{
/** @var \Magento\Framework\Data\Tree\Node $menu */
$menu = $observer->getMenu();
$tree = $menu->getTree();
$data = [
'name' => __('Menu item label here'),
'id' => 'some-unique-id-here',
'url' => 'url goes here',
'is_active' => (expression to determine if menu item is selected or not)
];
$node = new Node($data, 'id', $tree, $menu);
$menu->addChild($node);
return $this;
}
}
Now run in the cli php bin/magento setup:upgrade to install the module and you are good to go.
Why does everybody always want to write a module.
I did this in my layout.xml and it worked like a charm:
<referenceBlock name="catalog.topnav">
<block class="Magento\Framework\View\Element\Html\Link" name="contact-link">
<arguments>
<argument name="label" xsi:type="string" translate="true">Contact us</argument>
<argument name="path" xsi:type="string" translate="true">contact</argument>
</arguments>
</block>
</referenceBlock>
This answer is provide by Marius♦ i have just modified it to add child category in category tab menu you can refer Marius♦'s answer. I just modified child Topmenu.php file to add child category in main category
<?php
namespace Ktpl\Navigationlink\Plugin\Block;
use Magento\Framework\UrlInterface;
use Magento\Framework\Data\Tree\NodeFactory;
use Magento\Store\Model\StoreManagerInterface;
class Topmenu
{
/**
* @var NodeFactory
*/
protected $nodeFactory;
protected $urlBuilder;
protected $_storeManager;
public function __construct(
UrlInterface $urlBuilder,
NodeFactory $nodeFactory,
StoreManagerInterface $storeManager
) {
$this->urlBuilder = $urlBuilder;
$this->nodeFactory = $nodeFactory;
$this->_storeManager = $storeManager;
}
public function beforeGetHtml(
\Magento\Theme\Block\Html\Topmenu $subject,
$outermostClass = '',
$childrenWrapClass = '',
$limit = 0
) {
// condition for store
if($this->getStoreCode() == 'store_id'):
$productNode = $this->nodeFactory->create(
[
'data' => $this->getNodeAsArray('Products','products'),
'idField' => 'id',
'tree' => $subject->getMenu()->getTree()
]
);
$stockistsNode = $this->nodeFactory->create(
[
'data' => $this->getNodeAsArray('Stockists','stockists'),
'idField' => 'id',
'tree' => $subject->getMenu()->getTree()
]
);
$ourstoryNode = $this->nodeFactory->create(
[
'data' => $this->getNodeAsArray('Our Story','ourstory'),
'idField' => 'id',
'tree' => $subject->getMenu()->getTree()
]
);
$contactsNode = $this->nodeFactory->create(
[
'data' => $this->getNodeAsArray('Customer Care','contacts'),
'idField' => 'id',
'tree' => $subject->getMenu()->getTree()
]
);
/******* contacts's child *******/
$warrantyRegistrationNode = $this->nodeFactory->create(
[
'data' => $this->getNodeAsArray('Warranty Registration','warranty-registration'),
'idField' => 'id',
'tree' => $subject->getMenu()->getTree()
]
);
$faqNode = $this->nodeFactory->create(
[
'data' => $this->getNodeAsArray('Frequently Asked Questions','faq'),
'idField' => 'id',
'tree' => $subject->getMenu()->getTree()
]
);
$ourProductGuaranteeNode = $this->nodeFactory->create(
[
'data' => $this->getNodeAsArray('Our Product Guarantee','our-product-guarantee'),
'idField' => 'id',
'tree' => $subject->getMenu()->getTree()
]
);
$warrantiesNode = $this->nodeFactory->create(
[
'data' => $this->getNodeAsArray('Warranties, Repairs & Spare Parts','warranties-repairs-spare-parts'),
'idField' => 'id',
'tree' => $subject->getMenu()->getTree()
]
);
$termsNode = $this->nodeFactory->create(
[
'data' => $this->getNodeAsArray('Terms & Conditions','terms-and-conditions'),
'idField' => 'id',
'tree' => $subject->getMenu()->getTree()
]
);
$privacyPolicyNode = $this->nodeFactory->create(
[
'data' => $this->getNodeAsArray('Our Privacy Policy','privacy-policy'),
'idField' => 'id',
'tree' => $subject->getMenu()->getTree()
]
);
$bookNode = $this->nodeFactory->create(
[
'data' => $this->getNodeAsArray('Book A Viewing','book-a-viewing'),
'idField' => 'id',
'tree' => $subject->getMenu()->getTree()
]
);
$contactsNode->addChild($warrantyRegistrationNode);
$contactsNode->addChild($faqNode);
$contactsNode->addChild($ourProductGuaranteeNode);
$contactsNode->addChild($warrantiesNode);
$contactsNode->addChild($termsNode);
$contactsNode->addChild($privacyPolicyNode);
$contactsNode->addChild($bookNode);
/******* end contacts's child *******/
$subject->getMenu()->addChild($productNode);
$subject->getMenu()->addChild($stockistsNode);
$subject->getMenu()->addChild($ourstoryNode);
$subject->getMenu()->addChild($contactsNode);
endif;
}
protected function getNodeAsArray($name,$id)
{
return [
'name' => __($name),
'id' => $id,
'url' => $this->urlBuilder->getUrl($id),
'has_active' => false,
'is_active' => false // (expression to determine if menu item is selected or not)
];
}
public function getStoreCode()
{
return $this->_storeManager->getStore()->getCode();
}
}
You need to create node for parent category and for child category and after that you can assign child category to parent category by using addChild method here is an example
$contactsNode->addChild($warrantyRegistrationNode);