Блог

Главная - Вопросы по программированию - Виджет меню Magento 2

Виджет меню Magento 2

#magento #magento2

Вопрос:

У меня возникли некоторые проблемы с виджетом родного меню Magento — https://devdocs.magento.com/guides/v2.4/javascript-dev-guide/widgets/widget_menu.html

Например, я скопировал этот код из devdocs и прошлого в файл .phtml:

 <nav class="navigation" data-action="navigation">
    <ul id="menu" data-mage-init='{"menu":{"responsive":true, "expanded":true, "delay": 200, "position":{"my":"left top","at":"left 10 top 30"}}}'>
        <li class="level0 level-top ui-menu-item">Toys</li>
        <li class="level0 level-top parent ui-menu-item">Electronics
            <ul class="level0 submenu ui-menu ui-widget ui-widget-content ui-corner-all">
                <li class="ui-menu-item"><a href="#">Home Entertainment</a></li>
                <li class="ui-menu-item"><a href="#">Routers</a></li>
            </ul>
        </li>
        <li class="level0 level-top ui-menu-item">Music
            <ul class="level0 submenu ui-menu ui-widget ui-widget-content ui-corner-all">
                <li class="ui-menu-item">
                    <a href="#">Alternative</a>
                </li>
                <li class="ui-menu-item">
                    <a href="#">Classic</a>
                </li>
            </ul>
        </li>
    </ul>
</nav>

Виджет меню работает на сайте, но сделал это неправильно. Когда страница загружается, и я попытался открыть меню 2-го уровня (.подменю), наведя курсор на меню верхнего уровня, оно не работает при первом наведении, только во второй раз и все последующие.

Может быть, я пропускаю какую-то инициализацию js или что-то в этом роде?

Ответ №1:

В devdoc этот код является лишь примером, он вообще не работает для инициализации меню. Вам нужно добавить код js и css, чтобы он работал должным образом.

Метки: