Step 1
How to install JMS Mega menu package: Please download package, then unzip it, you will have a module and a plugin. You can install plugin as here and install module as here
Step 2
How to use JMS Mega menu:
For plugin: please enable it
For module: please enable module, choose position for it and configure parameters as below
- Select Menu: Select menu system for this mega menu
- Menu activate Event: have 2 options are hover and click
- Open speed: Speed for open mega menu
- Close speed: Speed for close mega menu
For menu, JMS Mega menu plugin add a tab with any parameters as below:
- Show title: Options for showing title
- Description: Description of menu item
- Submenu columns: Count of columns for submenu of this item
- Submenus column width:Set default width for each submenu column
- Width: Set width for this menu item, if this item is submenu, system will use this width instead of submenu witdh(what configured in parent item)
- Addition class: addition class for this menu item
- Group: Highlight this menu item or not
- Subcontent: Choose type of subcontent of this menu item
- Select modules: Choose modules you want if you choose Module for Subcontent param
- Select positions: Choose positions you want if you choose position for Subcontent param
How to create menu like demo
Main menu items with 3 columns submenu.
Create new menu item, title is "Lorem ipsum dolor",go to Advanced tab
Then click on Menu Params (Joommasters), you will see like below
Set Submenu Columns is 3, Submenus column Width is 200 (you can change 200 as you want)
Then we can create submenu items, first item is "Custom module with image"
Set Submenu Columns is 1, Subcontent is Module Position, Select positions is megamenu1 ( have to create a custom module at megameu1 position before).
Second submenu item, make same first submenu item, but Select positions is megamenu2 and assign a menu module to megamenu2 position.
Third submenu item, make same 2 item above, but Select positions is megamenu3 and assign a custom module to megamenu3 position.