Mega Menu Extension For Magento 2

 | v1.6.4
main product photo
Rating:
100%
  • Supports unlimited menus and submenus each with their own configuration.
  • Supports fly-out (traditional) or Mega Menu submenu styles with horizontal and vertical option.
  • It works with latest Magento 2.4.6 version.
  • Buy now and get 5% off. Use the code: MB5offLOC

  • 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.

Magento Open Source / Enterprise / Cloud :

2.2.X - 2.4.X

Special Price $89.00 Regular Price $99.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
  • Installation Guide Magebees Navigation Menu Pro For Magento 2 Extension V1.6.4 download here
  • User Guide Magebees Navigation Menu Pro For Magento 2 Extension V1.6.4 download here
Write Your Own Review
You're reviewing:Navigation Menu - Responsive Mega Menu / Accordion Menu / Smart Expand Menu for Magento 2

Made compatible with Magento 2.4.6 version With PHP 8.2

2023-05-15 05:53:24
  • Version number: 1.6.4
  • Stability: Stable
  • Compatibility: With Magento C.E 2.2.x,2.3.x,2.4.x
  • Made compatible with Magento 2.4.6 version With PHP 8.2.

Made compatible with Magento 2.4.4 version

2022-05-24 06:05:15
  • Version number: 1.6.3
  • Stability: Stable
  • Compatibility: With Magento C.E 2.2.x,2.3.x,2.4.x
  • Fixed JQuery/Ui Nested Sortable draggable issue.

Fix Issues

2021-05-10 07:02:35
  • Version number: 1.6.2
  • Stability: Stable
  • Compatibility: With Magento C.E 2.2.x,2.3.x,2.4.x
  • Fixed Product Page Breadcrum missing issue.

Fix Issues

2020-02-11 04:01:25
  • Version number: 1.6.1
  • Stability: Stable
  • Compatibility: With Magento C.E 2.2.x,2.3.x,2.4.x
  • Give Option in admin for Is your store point to pub directory or not.

Fix Issues

2020-30-05 11:45:25
  • Version number: 1.6.0
  • Stability: Stable
  • Compatibility: With Magento C.E 2.2.x,2.3.x,2.4.x

Fix Issues

2019-10-02 12:48:15
  • Version number: 1.5.0
  • Stability: Stable
  • Compatibility: With Magento C.E 2.2.x,2.3.x
  • Fix Menu group dynamic css permission issue on the production mode.
  • Show menu item label in admin side menu item listing section.

Fix Issues

2019-02-08 01:15:00
  • Version number: 1.4.0
  • Stability: Stable
  • Compatibility: With Magento C.E 2.0.x, 2.1.x,2.2.x,2.3.x
  • Code improvements and make extension package compatible with MageBees Posh Theme.

Add Features Fixes

2019-07-04 12:28:15
  • Version number: 1.3.0
  • Stability: Stable
  • Compatibility: Magento CE/EE 2.0.x , 2.1.x , 2.2.x , 2.3.x
  • In Full width mega menu show submenu on the mouse hover.
  • Generate Menu's Static html from admin for reduce page load time.

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\Navigationmenu\Block\Menucreator" name="menucreator_group_1" group_id="1" template="menucreator.phtml" }}

    2) Reference via XML layout file:

    <block class="Magebees\Navigationmenu\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\Navigationmenu\Block\Menucreator")->setGroup_id(1)->setTemplate("navigationmenu/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\Navigationmenu\Block\Menucreator")-&gt;setGroup_id(1)-&gt;setTemplate("navigationmenu/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.
  • Please type the letters and numbers below