Responsive Mega Menu

Hover or click dropdowns mega menu with centered flex grid for multi level subcategories with pictures and description. This upgrade for your nopCommerce website will improve your customer experience and usability.

Demo Store v3.90


The Responsive Mega Menu for nopCommerce 

displays root categories or departments in a sidebar with a flexible 4-3-2-1 centered grid for subcategories displaying a column of level 2 categories with hover or click to level 3 & 4 categories with pictures (and or no. of products and description). The mobile sized multi-level sub-category menu uses jQuery toggle for touchscreen functionality.

The admin configuration works in the same fashion as the Top Menu and as such requires minimal settings - any categories set to be included in the Top Menu are displayed. 

Easy to install, the Responsive mega mega menu is an effective upgrade to your nopcommerce powered website: show categories, manufacturers, vendors, topics, shopping cart, my account, links and even a special offers category with products. 

  Includes free Buttons menu theme as seen on the demo store.

///////////////***** Easy to Install and Configure *****\\\\\\\\\\\\\

Installation Instructions for the Repsonsive Mega-Menu 3.90
Unpack the archive
Copy the Misc.MegaMetro and Misc.MegaMetro2 folders to your Plugin directory, go to the admin area press Reload.
Install the plugins
Default Clean simply replace the original DefaultClean theme folder with the new one.
Clear Cache,
Restart Application - Enjoy!
About - go to topics and insert content in to the aboutus topic, this will appear in the about dropdown.
Shop - Any categories checked with 'Include in Top Menu' will appear in the dropdown, use as many levels as you like!
Search - does not require any config other than the option to show product pictures in autosearch box.
Topics - add a topic with systemname 'topicpicture' to show content in the dropdown next to the Customer Service block.
Use the Include in TopMenu topic option to show extra topic links in the Customer Service block.
Change the title topics in the View file Views > MegaMetro > CategoryMenu.cshtml.
MyCart - No config necessary.
You can easily customise the mega-menu style by updating the mega-menu.css file.
Products specifications
Theme customisation Free Buttons Theme
One-Click Install Plugin Yes
Browser Compatibilty Chrome, Firefox, Safari, Opera, Edge, IE 8,9,10