FREEBIES: SM MageTheme - Responsive MultiPurpose Magento 2 Theme
Our Feature Items: SM Market // SM Destino // SP Revo
Shopping cart (0)

Magento 2

SM Mega Menu Userguide


It takes your customers fewer clicks, thus, saves their time to get to where they really want! 

Mega Menu is an upward trend for web design especially e-commerce stores. If your site involves a variety of products, thus, a number of categories, Mega Menu is what you have to put in to consideration. The reason is that Mega Menu offers an effective way to improve website usability and navigation. Using this module it can be possible for you to display not only category list but also special products, banners or contact form, etc.


1. Support Magento 1.4.x, 1.5.x, 1.6.x, 1.7.x, 1.8.x and 1.9.x
2. Fully compatible with IE8+, Firefox 2+, Flock 0.7+, Netscape, Safari, Opera 9.5 and Chrome
3. Support subtitle for menu item
4. Allow to add column number for each menu item
5. Support many type of menu: External link, Product/Category, CMS, Content
6. Support displaying templates of menu: Vertical and Horizontal
7Support many effect for menu styles: CSS, Animation, Toogle


Clear the store cache under var/cache and all cookies for your store domain.

Backup Your Data

Backup your web directory.

Download and Extract

Download and unzip extension contents on your computer and navigate inside the extracted folder.

Upload Files

If you use a different from default theme - be sure to rename app/design/frontend/default/default and skin/frontend/default/default folders to your store's values. Using your FTP client upload content of app and skin directory to your store root.

Set Up

Log in to Admin, go to SM Mega Menu (in the Top menu) then create list Menu Items. The following guide is step by step to create list Menu Items for your menu:

  • You can refer case of Menu which likes as our demo

    If you want to use Menu in the content of CMS Page, please go to CMS -> Page -> Edit Home page item ->Tab Content, add this code to a position:

    {{block type="megamenu/list" name="megamenu.list"}} 

    If you want to show Mega Menu in the default menu of Magento site, please add following code to under of tag in megamenu.xml file at path app\design\frontend\default\default\layout\sm\megamenu.xml

    <reference name="">
    <block type="megamenu/list" name="megamenu.list.theme">

    If you want to show other positions, please contact us, we will help you for customizing

    How to create menu item HOME

    How to create menu item ALL CATEGORIES

    How to create menu item CATEGORY

    How to create menu item BLOCKS

    How to create menu item PRODUCTS

    How to create menu item CONTACT


    The parameters are divided into the following groups:
    • General Settings
    • Module Settings
    • Advanced Settings
    • Enable - Using for enable/disable HTML out put of the module
    • Title - You can change title of the module on here

    • Menu Group ID - You can enter ID of Menu group here
    • Select Template - We support 2 templates for presenting of menu (Horizontal and Vertical)
    • Select Effect - We support effects for Mega menu (CSS/Animation/Toggle)
    • Effect Duration - The duration to play an animation effect
    • Start Level - Level to start rendering the Menu at
    • End Level - Level to end rendering the Menu at

    • Include jQuery - Show/not show jQuery for module


    Backup your web directory.

    After that, you can safely remove the extension files from your store.

    Important notes

    Joomla TemplatesFree Joomla TemplatesVirtuemart TemplatesK2 TemplatesJoomShopping TemplatesHikaShop TemplatesSobiPro TemplatesOpenCart Themes