YJSG Template Framework comes with built in mega menu. This feature will help you create menu items groups or publish Joomla! modules within your menu items. After YJSG system plugin installation please got to Menus->ANY_MENU
Select any menu item and click on tab Yjsg Mega Menu parameters.
Parameters explained
Yjsg Mega Menu has 9 simple parameters which will help you setup your mega menu layout. Please read the parameters descriptions to understand the groups creation process.
Parameter name |
Parameter Description |
Sub Title |
Adds sub text under the menu item title |
Act as group holder? |
Define if this menu item should be group holder for its child items |
Group holder width |
Define the width of group holder. This should be total width of Sub groups widths combined. If you have 3 subgroups and each is 200px wide , your group holder width should be 600px wide. Note: do not include px, define width as 600. |
Number of sub groups |
This is the number of subgroups within group holder. Maximum is 5 but mostly used is 3. |
Sub groups width |
Here you can define the width of your sub groups. If left empty and you have 3 subgroups the groups holder width will be divided by 3 and each sub group will get that width. Example: 600 / 3 each sub group would be 200.Note: Add only 1 width declaration per line. Do not include px. |
Menu item type |
You can select what type of the item this would be . Module, module position, Normal link. If this item is a group holder please leave default value as Normal link. |
Display link title, image and sub title if link type is module? |
If set to NO, link title , link image and link description will not be displayed. This option is functional ONLY if link type is module or module position. This is useful if you like to show only module with its tile. For example Login Form |
Select one or more module |
Here you can select one or more modules to be displayed instead of the item link. If more the one module they will be displayed under each other starting with first selected. |
Select one or more position |
Here you can select one or more module positions to be displayed instead of the item link. If more the one module position they will be displayed under each other starting with first selected. Note: any module must be published in position you are looking for in order to be visible in this list. |
Switching params on/off
For your convenience and not to get confused with parameters names we have added simple switch that will hide parameters that are not in use depending on what type of the link you would like to use
Default view
Act as group holder set to Yes
Menu item type module
Menu item type module position
Example setup
Follow these instructions to setup your first mega menu. The holder will contain 2 groups of 300px width each and 1 menu item in each group.
Step 1
Go to your menu item ( we will use Home menu item ) and add these settings in Yjsg Mega Menu Parameters tab:
- Set Sub title as anything you like. We used This is home .
- Set Act as group holder? to Yes
- Set Group holder width at 600
- Set Number of sub groups to 2
- Set Sub groups width 300 one per line.
- Leave Menu item type at Normal link
You should have something like this
Step 2
- Create 2 new menu items ( anything but separator ) and give them names as Group1 and Group2 .
- Set your group holder ( Home in our case ) as their parent
- Create 2 more menu items, it can be any menu item type and set Group 1 as parent for the first and Group 2 as parent for the second .
You should have this as your new mega menu
Add module or module positions
To demonstrate adding module or module positions to menu items we will use our newly created mega menu item and just change the
Menu item type for Group1 item and Group2 item to module and module position.
Step 1 adding module
- Go to your first child of Group 1 ( in our case Group1 item ) and change Menu item type to module.
- From Select one or more module param choose Login Form
- Set Display link title, image and sub title if link type is module? to No and hit save.
You should have your Login module displayed instead of the menu item.
Step 2 adding module position
- Go to your first child of Group 2 ( in our case Group2 item ) and change Menu item type to module position.
- From Select one or more module position param choose the module position you would like to display.
- Set Display link title, image and sub title if link type is module? to No and hit save.
You should have your module position displayed instead of the menu item.