Navigation Menu Pro - Responsive Mega Menu For Magento 2
| v1.2.0
Magento 2 Navigation Menu Pro - Responsive Mega Menu - Accordion Menu - Smart Expand Menu
All in one Magento Navigation Menu Pro (i.e. Magento Mega Menu) for Magento 2
Now organise your Categories/Product Links/CMS page/CMS Static Block/Custom Links with simple drag and drop menu items feature.
Supports mutiple menu types:
Mega Menu
Accordian Menu/Smart Expand
Always Expand
List Items
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...) within your magento store with our easy to use Menu Groups feature.
Style Menu Items without editing code
Manage Style for each menu group for its various section (i.e. Menu Bar Options, Mega Menu Item Options, Flyout Options, Sub Menu item option) from it configuration section, this will eliminate the need to edit the CSS(Cascading Style Sheet) file.
100% Mobile Responsive:
Our Magento Navigation Menu Pro extension is 100% Mobile Responsive and is tested with all modern browser and mobile devices.
Control User Access Permission for Menu items
Use Menu Item's Advance Options to control User Access Permission for Various Customer Group (Registered, Not Logged In, General, Wholesale, Retailer).
Enable Super Cache Feature to reduce menu load time:
Make your magento store faster by using Super Cache feature, this will generate/publish static html menu code, bypassing the interaction with database on every page load, thus making your website load faster.
Show Category image/icons for menu items
Easy option to show category image 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 organising menu items
Organise Submenus in Groups using Menu item group type, this will show specific menu items within single column layout.
Menu Items Label Options:
Use Menu items Lable Options to assign lable to a menu item, it is easier to highlight menu item(categories/products) using this feature, for e.g. Hot, Sale, 40% Off etc...you also have the control the background and title text color along with lable font size.
Max 5 level category menu support
Our Navigation Menu Pro extension allows you to show Max 5 level of category in menu.
Support for Right to Left Languages
Our Navigation Menu Pro extension supports Right to left languages.
Full Features List of Navigation Menu Pro Extension for Magento 2
- Supports unlimited menus and submenus each with their own configuration.
- Enable and disable menu groups.
- Supports Fly out (traditional) or Mega Menu sub-menu styles with Horizontally and Vertically options.
- Supports Smart Expand or Always Expand and list Items sub-menu styles.
- Set sub menu item levels (Support Max 5 levels).
- Easily add, edit and delete menu/sub menu items from the admin.
- Draggable to re-order menu links in all groups.
- Supports Up to 8 columns option in mega menu and manage each column width.
- Add icons/thumbnail image to menu items and manage height/width.
- Supports Dynamic Items like Category, CMS Page, CMS Static Block, Product Page, Custom Url etc...
- Allow add/show/hide menu link title.
- Align sub menus to left or right of parent menu item.
- Supports external URL in the menu.
- Support displaying right-to-left languages.
- Show label to highlight menu item that you want, such as Hot, Sale, 40% OFF etc...
- Customize the style of menu: width, menu color, font color/size/weight, icon image, etc. You can also add custom class name in each item.
- Style your own mega menu without editing css file.
- Set Relation in the anchor tag.
- Allow to set permission for customer groups.
- Set Development Mode On and Off Option from the admin.
- Publish Static HTML Menu feature for decrease Page loading time.
- Support multiple stores and multiple website.
- Responsive, Touch & Retina Ready.
- Tested in all modern browsers and mobiles.
- Clean code with a low memory footprint.
- Easy to install and configure.
- Detailed Documentation with snapshots.
- 100% Open source code.
3 Simple steps to create navigation menu for your store
1) Create a Menu Group:
Menu Types:(1) Mega Menu, (2) Accordian 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, Left to Right
Style Menu items within each group Manage Style for each menu group for its various section (i.e. Menu Bar Options, Mega Menu Item Options, Flyout Options, Sub Menu item option) from it configuration section
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 columns 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 - This 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 Lables:
- for e.g. Hot, Sale, 40% Off etc...
- Manage lable background color/font size/text color
User Access Permission to Menu Items:
- User Access Permission for Various Customer Group (Registered, Not Logged In, General Wholesale, Retailer).
3) Add Embedded Code tointegrate menu in frontend:
- You can add the code in static Block or CMS page
- Reference via XML Layout file
- Call via Frontend Template file
Helps optimizing website performance
Enhance User Interface
Make website Load faster by using Super Cache feature
Support displaying Right to Left Languages
100% Mobile Responsive:
Fully responsive on Desktop PC, tablet and mobile devices Responsive, Touch & Retina Ready.
Multi Website and Multi Store Businness Model
- Support Multi Website
- Support Multi Store
- Support Mutli Language
- 100% open source
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
- 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 Navigation Menu Pro Extension. I got 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 installation steps for that.(Please refer user manual)
-
Q-2: I have installed Navigation Menu Pro Extension. But When I open admin I got “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 Frontend?
Ans : After creating the group you will get embed code for that group using that displayed menu on the frontend. 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 Navigation Menu?
Ans : Replace magento default top menu with Our Navigation Menu:
Open Following 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 :Auto show subcategories not working in the menu?
Ans : Menu Item which is making as the Auto Sub has child menu item then auto sub is not working in that menu item. Make sure assigned all subcategories activated, and select YES in “Include in Navigation Menu” option.
-
Q-6 :Any Changes like add, edit, add-sub, delete menu-items or change in the menu group then it‘s effect are not displayed at the Front?
Ans : Go to Admin -> MAGEBEES -> > Navigation Menu Pro -> Navigation Menu Pro Setting and follow below mention 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.
