• 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)

• 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

• Title of Slider - Allow to show title of slider
• Open Link - Set target for links:
  • New Window
  • Same Window
  • Popup Window
• Layout - Set Layout type (Layout 01 & Layout 02)
• Show Control - Allow to show control: Yes/No
• Control Type - Set 3 Control Type:
  • Type 01
  • Type 02
  • Type 03
• Control Position - Set 3 Control Position:
  • Top
  • Bottom
  • Middle

• Data Source - Choose the data source that is used in this module
• Child Categories Articles - Include child categories OR not
• Category Depth - Allow to select the level of sub-categories that you want to show
• Featured Articles - Include featured articles OR not
• Article Field to Order By - Allow to choose the criterion for order
• Ordering Direction - Choose the ascending or decending for sorting articles
• Count - Allow to set total of articles to be shown by module. The default valid is "0" for showing all articles

• Start - Allow you set article which you want to show at the first time
• Step - Allow you to number article will be slided
• Speed - Allow you to set speed of slider (Larger = slower)
• Interval - Allow you to set speed of timer (Larger = slower)

Note: Image sources will be got in the article - Click HERE

• Image Intro - Allow you to get image from Intro OR not

• Image Fulltext - Allow you to get image from Fulltext OR not

• From Inline Introtext - Allow you to get image from Introtext OR not

• Inline Fulltext - Allow to get image from Fulltext OR not

• Extend Folder - Allow you to get images from external folder OR not
• Order to Get - Set order: image_intro...,external OR not
• Extend Folder - Set path to external image folder used by option above
• Placeholder Path or Url - Allow to set path to placeholder image

• Resize Mode - Allow you to choose the mode of image resizing
  • None
  • Center
  • Fill
  • Fit
  • Strech
• Output Format - Allow to set format for all output file:
  • Default - if you want to keep original format
  • GIF
  • JPEG
  • PNG
• Keep Transparency - Allow to keep images transparent, for PNG and GIF format
• Width/Height - Allow you to set the width/height of the big image
• Background - Allow to set the color of image background. This is applied for showing images without full background. If the image with full background, you can see nothing to change

Small Image Options

• Resize Mode - Allow you to choose the mode of image resizing
  • None
  • Center
  • Fill
  • Fit
  • Strech
• Output Format - Allow to set format for all output file:
  • Default - if you want to keep original format
  • GIF
  • JPEG
  • PNG
• Keep Transparency - Allow to keep images transparent, for PNG and GIF format
• Width/Height - Allow you to set the width/height of the small image
• Background - Allow to set the color of image background. This is applied for showing images without full background. If the image with full background, you can see nothing to change

• Module Class Suffix - Allow you to choose another CSS class that suits your template
• Include jQuery - Allow you to include jQuery from this module or another one
• Pre-text - The content to show at the top of module
• Post-text - The content to show at the end of module

• Caching
  • Use Global: Turn on caching
  • No Caching: Turn off caching
• Cache Times - The time to cache
• Module Tag - Allow to select the HTML Tag for module
• Bootstrap Size - Allow to set the number of columns that module will use.
• Header Tag - Allow to select the HTML Tag for module header/title
• Header Class - Support the CSS Class for module header/title
• Module Style - Select module style