Navigation Menu Pro - Responsive Mega Menu For Magento 2
| v1.2.0
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.2.0download here
- User Guide Magebees Navigation Menu Pro For Magento 2 Extension V1.2.0download here
- 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 - 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 - 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 - 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 - 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 - Good product
-
product works very well. tech support is very helpful
Usefulness Functions as Described Developer Support - Superb Product
-
Highly recommended with functions exactly as described and also beyond.
Usefulness Functions as Described Developer Support - 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
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\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();?>
-
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\Navigationmenupro\Block\Menucreator")->setGroup_id(1)->setTemplate("navigationmenupro/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.
