[แก้ไข]
เห็นได้ชัดว่าในรุ่นล่าสุดของ M2 นี้ไม่ทำงานอีกต่อไป
ขอบคุณ Max ที่ชี้เรื่องนี้ออกมา
สำหรับรุ่นที่ใหม่กว่าคุณต้องเพิ่มปลั๊กอินMagento\Theme\Block\Html\Topmenuแทนผู้สังเกตการณ์
เพิ่มไปยังetc/frontend/di.xml
<type name="Magento\Theme\Block\Html\Topmenu">
<plugin name="[module]-topmenu" type="[Namespace]\[Module]\Plugin\Block\Topmenu" />
</type>
และสร้างไฟล์คลาสปลั๊กอิน [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)
];
}
}
[/ แก้ไข]
คำตอบดั้งเดิม:
คุณสามารถเพิ่มองค์ประกอบลงในเมนูด้านบนโดยใช้กิจกรรมpage_block_html_topmenu_gethtml_beforeคุณสามารถเพิ่มองค์ประกอบที่เมนูด้านบนโดยใช้เหตุการณ์
ดังนั้นคุณต้องสร้างโมดูลพร้อมไฟล์เหล่านี้ (ไฟล์ทั้งหมดควรอยู่ในapp/code/[Namespace]/[Module]):
etc/module.xml - ไฟล์ประกาศโมดูล
<?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 - ไฟล์ลงทะเบียน
<?php
\Magento\Framework\Component\ComponentRegistrar::register(
\Magento\Framework\Component\ComponentRegistrar::MODULE,
'[Namespace]_[Module]',
__DIR__
);
etc/frontend/events.xml - ไฟล์ประกาศเหตุการณ์
<?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 - ผู้สังเกตการณ์จริง
<?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;
}
}
ตอนนี้ทำงานใน cli php bin/magento setup:upgradeเพื่อติดตั้งโมดูลและคุณดีไป
