SJ Mega Menu Responsive Userguide

• In your Administrator page, go to Extensions -> Extension Manager
  In this page, click Choose File, select plugin package.
• Then click Upload & Install
  
  
• Please wait for plugin being installed, usually within several seconds
• Now go to Extensions -> Plugin Manager, click Select Type box and choose "system"
• Then Enable the plugin named "Extra Menu Params"

• In your Administrator page, go to Extensions -> Extension Manager
  In this page, click Choose File, select module package.
• Then click Upload & Install
  
  
• Please wait for module being installed, usually within several seconds
• Now go to Extensions -> Module Manager, click Select Type box and choose the module you have installed
• Please wait for module being installed, usually within several seconds.

3. MODULE CONFIGURATION

Notes: We used the images of module's installtion on Joomla 3.x to illustrate

After installing, go to Extension -> Module Manager and find SJ Mega Menu Responsive to configure

SJ Mega Menu Responsive module are configured in 3 groups of parameters following:

• Details Options
• Menu Options
• Advanced Options

Let's look at the parameters in detail:

DETAILS OPTIONS

• Title * - Shows title of module
• Show Title - Shows/Hides module title
• Position - Shows position of module
• Status - If published, this module will display on your site frontend or backend depending on the module.
• Access - Allow someone to access:
  • Public
  • Guest
  • Registered
  • Special
  • Customer Access Level
• Ordering - Select the ordering
• Start Publishing - Shows an optional date to start publishing the module
• Finish Publishing - Shows an optional date to finish publishing the module
• Language - Assign a language to this module
• Note - Shows an optional note to display in module list

MENU OPTIONS

• Select Menu -  Allow you to select and use a menu created in Menu Manager
• Base Item - Allow you to select an active item for menu chosen above
• Start level - Set a menu level from which will be rendered by Mega Menu, start from 1 as highest level
• End level - Set a menu level until which will be rendered by Mega Menu, please use All for all sub-menu items
• Show Sub-menu Items - Show sub-menu items OR not, if NO then two options above will be ingored
• Event
  • Click: Collapse/Expand menu by click, used with all devicesal
  • Hover: Collapse/Expand menu by hover, for PC only
• Use Css Style (no Js) - Allow you to use Css style: Yes/No

ADVANCED OPTIONS

• Menu Tag ID - Set ID of the module, used for CSS
• Menu Class Suffix - Allow you to choose another CSS class that suits your template
• Alternative Layout - Allow you to choose custom alternative layout
• Caching
  • Use Global:Turn on caching
  • No Caching: Turn off caching
• Cache Time - The time to cache
• Module Tag - Set wrapper tag for module
• Bootstrap Size - Set width based on bootstrap for wrapper of module
• Header Tag - Set tag for module title
• Header Class - Set class for module title
• Module style - Override module style

4. Menu Configuration

SUBTITILES MENU:

• Please click HERE to see "TREE OF SUSTITLES MENU"

• Please click HERE to see "MENU PARAM"

FRONTEND

* Note: You should see "Tree of Subtitles Menu" and "Menu Param" above and configure the same with our instruction below. We sure that you will have a complete website that is exactly same as our Demo. Good Luck! :)

1. Category 1: backend ("Category 2" configure the same)

• Demo 1: backend (from "Demo 2" to "Demo 8" configure the same)

• Hidden2: backend ("Hidden4; 6; 3; 5; 7; 8" configure the same)

2. Static: backend

3. Mega Menu article: backend ("Menu arcitcle" configure the same)