Mega Menu Extension For Magento 2
| v1.6.4
- 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.
-
60 Days
Money Back Guarantee -
Free
1-Year Support -
LifeTime
Free Updates -
Reasonable Price
Satisfaction Guaranteed -
Magento
Code Standards -
100% Open Source
Easy to Customize
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
Accordion Menu/Smart Expand Menu
Always Expand Menu
List Items Menu
3 Simple steps to create navigation menu for your store
1) Create a 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:
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
Need help? Please contact us at support@magebees.com
-
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
Made compatible with Magento 2.4.6 version With PHP 8.2
2023-05-15 05:53:24- 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- Fixed JQuery/Ui Nested Sortable draggable issue.
Fix Issues
2021-05-10 07:02:35- Fixed Product Page Breadcrum missing issue.
Fix Issues
2020-02-11 04:01:25- Give Option in admin for Is your store point to pub directory or not.
Fix Issues
2020-30-05 11:45:25Fix Issues
2019-10-02 12:48:15- 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- Code improvements and make extension package compatible with MageBees Posh Theme.
Add Features Fixes
2019-07-04 12:28:15- 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- Fix Smart Expand Layout Issue In Mobile View.
Bug Fixes
2016-15-11 12:15:56- Set javascript:void(0) for the Alias and Group menu items.
Navigation Menu Pro Extension for Magento 2
2016-05-18 12:15:56-
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.
-
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.
-
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();?>
-
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.
<?php echo $this->getLayout()->createBlock("Magebees\Navigationmenu\Block\Menucreator")->setGroup_id(1)->setTemplate("navigationmenu/menucreator.phtml")->toHtml();?>
Here group_id=1; so we need to change the group id when you use this code to display menu in the front.
-
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.
-
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.
