Close
Navigation Menu Pro - Responsive Mega Menu / Accordion Menu / Smart Expand Menu for Magento 2

Navigation Menu Pro - Responsive Mega Menu For Magento 2

 | v1.2.0
  • Supports unlimited menus and submenus each with their own configuration.
  • Supports fly-out (traditional) or Mega Menu submenu styles with horizontal and vertical option.
  • Supports Smart Expand, Always Expand and list items submenu styles.
  • Easily add, edit, and delete menu/submenu items without editing CSS file.
  • Drag to re-order menu links in all groups.
  • Add icons/thumbnail images to menu items.
  • Customize menu height, width, font size, font color, etc.
  • Supports dynamic items such as Category, CMS Page, CMS Static Block, Product Page, Custom URL, etc.
  • Supports external URL in the menu.
  • Shows label to highlight menu item that you want such as Hot, Sale, 40% OFF, etc.
  • Set permission for customer groups.
  • Publish Static HTML menu for decreasing page loading time.
  • Set submenu item levels upto 5.
  • Supports upto 8 column options in megamenu.
  • Supports right-to-left languages.
  • Supports multi-website and multi-store model.
  • 100% open source code.

Regular Price: $99.00

Special Price $89.00

Magento Community / Enterprise :

2.0, 2.1, 2.2, 2.3

Regular Price: $99.00

Special Price $89.00

Magento 2 Mega Menu Extension

When it comes to organizing the menu and making navigation quick and easy, trust Magento 2 Mega Menu extension. The responsive navigation menu extension allows you to truly customize the menu and submenu items according to your choice. Choose different menu styles, customize the menu features and add thumbnail images to make the menu attractive and useful.

Create Unlimited Menus

You can create unlimited menus to control each section of navigation (i.e. Horizontal Top Navigation Menu, Left Navigation Menu, Footer Navigation menu, etc.) with our easy to use Menu Groups feature.

Style Menu Items without editing code

Manage style for each menu group (i.e. Menu Bar Options, Mega Menu Item Options, Fly-out Options, Submenu item options, etc.) It will eliminate the need to edit the CSS (Cascading Style Sheet) file.

100% Mobile Responsive Menu

Our Magento Mega Menu extension is 100% mobile responsive. It is tested with all modern browsers and mobile devices.

Control User Access Permission

Use Menu Item's Advance Options to control User Access Permission for various customer groups (Registered, Not Logged In, General, Wholesale, Retailer).

Reduce Menu Loading Time

Make your Magento store faster by using Super Cache feature. It will generate/publish static html menu code, bypassing the interaction with database on every page load, thus making your website faster.

Show Category Image/Icons

Easy option to show category images along with category link. You can also use custom image for Main/Root level category. Apart from this, you can add icons/images for menu items and control their height/width within configuration set up.

Group Submenus for Better Organisation

Organise submenus in groups using menu item group type. It will show specific menu items within single column layout.

Menu Items Label Options

Use menu items label options to assign label to a menu item. It is easier to highlight menu item (categories/products) using this feature. You can also edit the background and title text color along with label font size.

Max 5 level category menu support

Our extension allows you to show maximum 5 levels of category in the menu.

Support for Right to Left Languages

Our mega menu extension supports right to left languages.

What are the Different Menu Types supported by the Extension?

Mega Menu

Mega Menu

Accordion Menu/Smart Expand Menu

Accordion Menu/Smart Expand Menu

Always Expand Menu

Always Expand Menu

List Items Menu

List Items Menu

3 Simple steps to create navigation menu for your store

1) Create a Menu Group:

Create Main Mega Menu Group

Menu Types: (1) Mega Menu (2) Accordion Menu/Smart Expand (3) Always Expand (4) List Items

Select Menu Alignment: Horizontal or Vertical

Select Menu Item Levels: Max 5 level support

Select Menu Direction: Right to Left or Left to Right

Style Menu items within each group: Manage style for each menu group (i.e. Menu Bar Options, Mega Menu Item Options, Fly-out Options, Sub Menu Item Options).

2) Create Menu Items within a Menu Group:

Create Menu Items

Select Menu type to show static and dynamic contents:

  • CMS page
  • Category page
  • Categories and Subcategories listing in multi-column layouts
    • Auto show sub categories.
    • Option to show images/icons along with category link.
  • Static block to show static block or to show product listing using widget or to show form/map within mega menu.
  • Product page
  • Custom URL - It can be used to create external link.
  • Alias [href=#] - To create dummy no link text,
  • Group - This is to arrange menu item within column layout.

Add Menu Item Labels:

  • For e.g. Hot, Sale, 40% Off, etc.
  • Manage label background color/font size/text color, etc.

User Access Permission to Menu Items:

  • User Access Permission for various customer groups (Registered, Not Logged In, General Wholesale, Retailer).

3) Add Embedded Code to integrate menu in front-end:

  • You can add the code in static Block or CMS page
  • Reference via XML layout file
  • Call via Front-end Template file

Add Embedded Information

Need help? Please contact us at support@magebees.com

User Manual
  • User Guide Magebees Navigation Menu Pro For Magento 2 Extension V1.2.0download here
  • Installation Guide Magebees Navigation Menu Pro For Magento 2 Extension V1.2.0download here

Customer Reviews   8 item(s)
Mega menu extension is the best
When I say it is the best, I am not saying because I am a loyal customer of MageBees. But, truly, the Mega Menu extension offers so many customization options that you will definitely fall in love with it. Organizing menu was never this easier.
Usefulness
Functions as Described
Developer Support
Review by Marcus / (Posted on March 22, 2019)
Menu Management is Easy
Now, changing top-menu and restructuring navigation is a piece of cake. That being said, I am very happy with the service from MageBees. Great work guys, keep it up.
Usefulness
Functions as Described
Developer Support
Review by Jake S. / (Posted on March 18, 2019)
Navigation Woes no more
The Mega Menu extension is nothing short of a miracle. It has helped me improve the navigation structure of the website. I am able to re-order the menu quickly. Also, I highlight certain sub-menu items to emphasize on limited-time sales that we run on our store. Sales have improved. Also, my life is easier.
Usefulness
Functions as Described
Developer Support
Review by Josh / (Posted on March 15, 2019)
Magento 2 Mega Menu offers Mega Benefits
Glad that I chose MageBees for buying Mega Menu extension. I am now able to organize the menu quickly. It has improved website navigation phenomenally.
Usefulness
Functions as Described
Developer Support
Review by Timothy / (Posted on March 14, 2019)
Highly Recommended
I have a website with more than 10000 products. And, this extension helped me manage the product categories flawlessly. Easy customization makes it a perfect tool for organizing the navigation menu of the website. I recommend the extension for one more reason: support service. MageBees offers total support to help you make optimum use of the extension. I had a few doubts with the installation but their support team provided clear, precise solutions. It made my work easy.
Usefulness
Functions as Described
Developer Support
Review by StartupWizard56 / (Posted on March 11, 2019)
Good product
product works very well. tech support is very helpful
Usefulness
Functions as Described
Developer Support
Review by bstormer / (Posted on August 16, 2018)
Superb Product
Highly recommended with functions exactly as described and also beyond.
Usefulness
Functions as Described
Developer Support
Review by Esav / (Posted on June 1, 2016)
Great Features
Types of Mega Menu satisfies all my requirements. This extension is very good and the support team gives you excellent support when you need it.
Usefulness
Functions as Described
Developer Support
Review by Drake / (Posted on June 1, 2016)
Write Your Own Review

Only registered users can write reviews. Please, log in or register

Bug Fixes

2017-06-08 12:15:56
  • Version number: 1.2.0
  • Stability: Stable
  • Compatibility: Magento CE/EE 2.0.x , 2.1.x , 2.2.x
  • Fix Smart Expand Layout Issue In Mobile View.

Bug Fixes

2016-15-11 12:15:56
  • Version number: 1.1.0
  • Stability: Stable
  • Compatibility: Magento CE/EE 2.0.x , 2.1.x , 2.2.x
  • Set javascript:void(0) for the Alias and Group menu items.

Navigation Menu Pro Extension for Magento 2

2016-05-18 12:15:56
  • Version number: 1.0.0
  • Stability: Stable
  • Compatibility: Magento CE/EE 2.0.x - 2.1.x
  1. Q-1: I have Installed Mega Menu Extension. I got the following error. “There has been an error processing your request”. “Please upgrade your database: Run bin/magento setup:upgrade”.

    Ans : Run “php bin/magento setup:upgrade” command to your terminal or command prompt. Please see the installation steps.

  2. Q-2: I have installed Mega Menu Extension. But when I open the admin panel, I get “Specified invalid parent id (Magebees_Menu:title)” error.

    Ans : Please enable Magebees_Menu module by run “php bin/magento module:enable Magebees_Menu” from command prompt in magento root directory.

  3. Q-3: How to display Menu on the Front-end?

    Ans : After creating the group, you will get the embedded code. Use it to display menu on the front-end. There are 3 methods available. Here group_id=1;

    1) Insert into Static block or CMS page:

    {{block class="Magebees\Navigationmenupro\Block\Menucreator" name="menucreator_group_1" group_id="1" template="menucreator.phtml" }}

    2) Reference via XML layout file:

    <block class="Magebees\Navigationmenupro\Block\Menucreator" name="menucreator" template="menucreator.phtml">

    <action method="setGroupId"><argument name="groupid" xsi:type="string">1</argument></action>

    </block>

    3) Call via frontend template file:

    <?php echo $this->getLayout()->createBlock("Magebees\Navigationmenupro\Block\Menucreator")->setGroup_id(1)->setTemplate("navigationmenupro/menucreator.phtml")->toHtml();?>

  4. Q-4: How to replace Magento top menu with the Mega Menu?

    Ans : Replace magento default top menu with our Mega Menu:

    Open the given file. <Root Directory>\vendor\ magento\ <YOUR THEME FOLDER> Magento_Theme\ templates\ html\ topmenu.phtml file.

    Comment or remove default magento top menu code and put our menu embedded code as display on the above screen shot.

    &lt;?php echo $this-&gt;getLayout()-&gt;createBlock("Magebees\Navigationmenupro\Block\Menucreator")-&gt;setGroup_id(1)-&gt;setTemplate("navigationmenupro/menucreator.phtml")-&gt;toHtml();?&gt;

    Here group_id=1; so we need to change the group id when you use this code to display menu in the front.

  5. Q-5: Why are auto show subcategories not working in the menu?

    Ans : Make sure that all the assigned subcategories are activated, and select YES in “Include in Navigation Menu” option.

  6. Q-6: Any change such as add, edit, add-sub, delete menu-items or change in the menu group is not displayed in the front?

    Ans : Go to Admin -> MAGEBEES -> > Navigation Menu Pro -> Navigation Menu Pro Setting and follow below mentioned points:

    • Check Developer Mode is set as “No” then click on the “PUBLISH” button for display new changes on frontend.
    • If developer mode is set as “Yes” and still new changes are not displayed on the frontend then Refresh magento cache From System -> Tools -> Cache Management.

Get A Quick Quote

  • Reload captcha contacts