Estou tentando substituir o bloco Topmenu no Magento 2.1, mas não consigo encontrar nenhum guia para fazer isso. Tudo o que encontrei aqui e em outros lugares parece se aplicar apenas à versão 2.0, que parece usar uma estrutura de pastas diferente ou possui apenas exemplos de códigos parciais que esperam que eu já conheça o contexto adequado (o que não sei).
Minha estrutura de pastas atual para um tema personalizado é app/design/frontend/Vendor/theme_name. Dentro disso, tenho os arquivos de registro, tema e compositor, além de pastas para os vários módulos, por exemplo, Magento_Themee Magento_Search.
Pelo que entendi, preciso começar com um etc/di.xmlarquivo como o abaixo, editado a partir daqui :
<?xml version="1.0"?>
<config xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xsi:noNamespaceSchemaLocation="urn:magento:framework:ObjectManager/etc/config.xsd">
<preference for="Magento\Theme\Block\Html\Topmenu" type="[Namespace]\[Module]\Block\Html\Topmenu" />
</config>Também entendo que o próximo passo é adicionar um Block/Html/Topmenu.phparquivo como o abaixo (novamente editado a partir da fonte acima):
namespace [Namespace]\[Module]\Block\Html;
class Topmenu extends \Magento\Theme\Block\Html\Topmenu
{
protected function _addSubMenu($child, $childLevel, $childrenWrapClass, $limit)
{
}
}No entanto, não está claro para mim o que devo usar [Namespace]e [Module]nem onde colocar esses arquivos. Tentei usar o nome do fornecedor e do tema, colocar as pastas etce , além de colocá-las , alterar os espaços para nome , mas nenhum deles tem efeito.Blockapp/design/frontend/Vendor/theme_nameapp/design/frontend/Vendor/theme_name/Magento_ThemeVendor\theme_name\Magento_Theme\Block\Html
Se alguém puder ajudar a explicar exatamente o que preciso fazer para substituir o bloco Topmenu (e por inferência de qualquer outro bloco) na versão 2.1, eu ficaria muito agradecido.
Termo aditivo
Eu tentei a resposta de Khoa TruongDinh , mas ela não teve efeito. Eu usei os seguintes arquivos:
app/code/Vendor/MagentoTheme/Block/Html/Topmenu.php
<?php
namespace Vendor\MagentoTheme\Block\Html;
class Topmenu extends \Magento\Theme\Block\Html\Topmenu
{
protected function _addSubMenu($child, $childLevel, $childrenWrapClass, $limit)
{
$html = '';
if (!$child->hasChildren())
{
return $html;
}
$colStops = null;
if ($childLevel == 0 && $limit)
{
$colStops = $this->_columnBrake($child->getChildren(), $limit);
}
// Added "test" class to test
$html .= '<ul class="level' . $childLevel . ' test submenu">';
$html .= $this->_getHtml($child, $childrenWrapClass, $limit, $colStops);
$html .= '</ul>';
return $html;
}
}app/code/Vendor/MagentoTheme/composer.json
{
"name": "vendor/magento-theme",
"description": "",
"require": {
"php": "~5.5.0|~5.6.0|~7.0.0",
"magento/framework": "100.0.*"
},
"type": "magento2-module",
"version": "100.0.1",
"license": [
"OSL-3.0",
"AFL-3.0"
],
"autoload": {
"files": [ "registration.php" ],
"psr-4": {
"Vendor\\MagentoTheme\\": ""
}
}
}app/code/Vendor/MagentoTheme/etc/di.xml
<?xml version="1.0"?>
<config xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xsi:noNamespaceSchemaLocation="urn:magento:framework:ObjectManager/etc/config.xsd">
<preference for="Magento\Theme\Block\Html\Topmenu" type="Vendor\MagentoTheme\Block\Html\Topmenu" />
</config>app/code/Vendor/MagentoTheme/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="Vendor_MagentoTheme" setup_version="1.0.0"></module>
</config>app/code/Vendor/MagentoTheme/registration.php
<?php
\Magento\Framework\Component\ComponentRegistrar::register(
\Magento\Framework\Component\ComponentRegistrar::MODULE,
'Vendor_MagentoTheme',
__DIR__
);Eu, em seguida, removido o conteúdo pub/static/frontend, var/generatione var/view_preprocessed, e corou o cache Magento. O submenu não possui a classe "teste" pretendida adicionada:
<ul class="level0 submenu ui-menu ui-widget ui-widget-content ui-corner-all" role="menu" aria-expanded="false" style="display: none; top: 52.6719px; left: 487.5px;" aria-hidden="true">...</ul>ulpara confirmar que substitui com êxito a classe Topmenu.