📘
Magento 2 Megamenu
  • Overview
  • Installation
    • Setup via FTP or cPanel
  • Config and Usage
    • Install sample data
    • Module Configuration
    • Manage Megamenu
    • Create New Megamenu Profile
    • Configure menu item
    • Show menu on frontend Desktop
    • Show Menu On Frontend Mobile
    • How to use Magento 2 Pagebuilder
    • REST API
    • Graph Ql
  • FAQ
    • How to make desktop and mobile menu on same page?
    • How to use dynamic content tabs for sub menu items?
    • How to add a menu using Widget?
    • How to add products in submenu
    • How to show parent menu and sub menus in the same level
    • How to add label into menu items
    • How to add menu link to category and sub categories?
    • How to change default horizontal menu on header?
    • Problem when import larger categories into menu items?
    • How to show accordion menu on Desktop view?
  • Theme Compatible
    • Porto
    • Codazon Fastest Fashion
    • Ultimo
  • Video Tutorials
    • Video guides
Powered by GitBook
On this page

Was this helpful?

  1. Theme Compatible

Ultimo

Create the file app/design/frontend/Infortis/ultimo/Ves_Megamenu/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">
<head>
		<css src="Ves_Megamenu::css/ultimo-styles.css" />
</head>
  <body>
    <referenceContainer name="store.menu">
      <block class="Magento\Framework\View\Element\Template" name="catalog.topnav.menu" as="catalog.topnav.menu" template="Ves_Megamenu::mainmenu.phtml">
          <block class="Ves\Megamenu\Block\Menu"  name="catalog.topnav.navigation" as="catalog.topnav.navigation" template="Ves_Megamenu::topmenu.phtml" ttl="3600">
            <arguments>
              <argument name="alias" xsi:type="string">menu-top</argument>
            </arguments> 
          </block>
      </block>
    </referenceContainer>
  </body>
</page>

Then create new file app/design/frontend/Infortis/ultimo/Ves_Megamenu/templates/mainmenu.phtml

add content for it:

<?php
/**
 * Main menu bar
 *
 */
?>
<?php 
$naviClasses = "";
?>
<div class="navi-wrapper">
    <div id="nav-marker-regular"></div>
    <nav id="mainmenu" class="<?php echo $naviClasses; ?>">
        <?php echo $this->getChildHtml('catalog.topnav.navigation'); ?>
    </nav>
    <div class="nav-border-bottom"></div>
</div>

Download the file app/design/frontend/Infortis/ultimo/Ves_Megamenu/web/css/ultimo-styles.css at here then update for your site.

Or you can download the patch file for ultimo theme at here .

Upload and decompress it into webroot folder:

Finally, run the commands:

php bin/magento setup:upgrade --keep-generated
php bin/magento setup:static-content:deploy -f
PreviousCodazon Fastest FashionNextVideo guides

Last updated 3 years ago

Was this helpful?

7KB
ultimo-styles.css
5KB
patch_ultimo.zip
archive