Joomla Mega Menu configuration guide

Joomla Mega Menu is a responsive mega menu module that could be used for e-commerce large scale websites. Its not difficult to set up a powerful mega menu on your site but to make it looks like what you really want, the job is not really simple.
So in this article, we will show you steps by steps of how to set config for your mega menu.

Server Requirements

Our extension has several system requirements as follow:

Apache 2.0 or above - http://www.apache.org recommended: Apache 2.0 or above.

PHP 5.2.4 or above - http://www.php.net recommended: PHP 5.3 or above.

MySQL 5.0.4 or above - http://www.mysql.com recommended: MySQL 5.0.4 or above.

Joomla! 3.x. please go to - http://www.joomla.org  download: Joomla! 3.

You have to ensure that your system has already installed, XML and Zlib-Support built into your PHP.

PHP should be compiled with support for https (openSSL) and cURL.

PHP Safe Mode should be turned off.

Client Requirements

This module can run well on major browsers such as: Internet Explorer (version 10+), Firefox, Chrome, Opera, and Safari.

The client/browser needs to be capable of accepting Cookies and Cookies must be enabled.

INSTALLATION

After purchased our product, you’ll see the download link at JUX Mega Menu product page: http://#######.html

Please download the product package:

pkg_jux_megamenu x.x.x.zip

Note: If there is any problem, please contact us via E-mail: contact@joomseller.com.

Package Preparation

Unpack JUX Mega Menu installation package that you downloaded to your computer. There package in JUX Mega Menu

JUX Mega Menu component Installation

Go to Administrator site => “Extension” => “Extension Manager” in the Top Menu.

In “Upload Package File” block, please Upload & Install our extensions:

Browse the JUX Mega Menu installation folder, select pkg_jux_megamenu x.x.x.zip, then choose Upload and Install

CONFIGURATION

Our JUX Mega Menu is module & Menu Item combination, it means that you have two separated configuration: in Module and in each Menu Item.
- The Module configuration is used for general option of Mega Menu, such as: select Position, select Menu…
- The Menu Item configuration is used for setting for particular item in your Mega Menu, such as: description, number of column, width…

Module Options

Module is the part that displays your Mega Menu, just likes any normal Joomla’s module you need to do basic steps:
- Select a Position and Publish Mega Menu module.


- Assign the menu that Mega Menu will display.


After that, you can set our module as you want with the detailed explanation below

Basic Options

- Select Menu: Select a menu for this module to show.

- Animation: Animation effect for dropdown Mega Menu.

- Animation Duration(ms): Animation effect duration for dropdown of Mega Menu(in milseconds).

- Start Level: Level to start rendering the menu at. Setting the start and end levels to the same # and setting 'Show Sub-menu Items' to yes will only display that single level.

- End Level: Level to stop rendering the menu at. If you choose 'All', all levels will be shown depending on 'Show Sub-menu Items' setting.

- Menu Theme: Choose one of the style for your Menu.

- Orientation: Choose Horizontal or Verticle Menu

- Submenu Direction: Direction of Sumenu transition effect:

- For Horizonal Menu: Default is Down, if you use the megamenu at bottom of page, you can use direction Up
For Vertical Menu: Default is Left to Right. If you place vertical Mega Menu to the right, this should be Right to Left.
- Menu Alignment: [Only for Horizontal Menu]
The alignment of menu when sticky: Left - Right - Center.

- Responsive Menu: If YES, The menu will collapse to a 'Navigation' menu item when resize browser to a low resolutiion or view on a Smartphone

- Sticky Menu: If YES, the Menu will stick on the top of the screen when Sticky Menu. This feature need Javascript to work, and it'll not work when the menu collapse.

- Sticky Menu Alignment: Menu will set alignment left or right or center (NOTE: If Show Sticky menu)

Advanced Options

Menu Item Parameters

After you install our Mega Menu, each of a menu item will have an additional parameter pack which named Parameters (JUX Mega Menu Extended)
Please note that in this section, we’ll call “current Menu Item” as the item that the parameter is being set"
- Show Title: Show or Hide the Title of current Menu Item.

- Item Description: Description added here will be shown as the Tag line below the Menu Item Title. Work for all level of menu.

- Tooltip Type: Show tooltip type for this menu item, default is Global in "Link Type Options/Link Title Attribute" option, Select HTML Tooltip to create a HTML Tooltip content

- Tooltip content: HTML Tooltip content for this menu item when you selected "HTML Tooltip" for "ToolTip Type" option

- Columns: Default value is 1. If you set this parameters to more than 1 columns, our Mega Menu’ll try to evently distribute sub items of current Menu Item into respective columns. You can have as many columns as you need.

- Group: If YES, direct child items of current Menu Item will be displayed as a group with current. Menu Item.
If NO, direct child items of current Menu Item will be displayed when current Menu Item is selected (by mouse hover over or mouse click).

Combine Columns with Group parameter: if you dynamically combine parameter Columns with Group, you could create a beautiful layout of Sub Menu like the below picture.

- Submenu Width: Width of Submenu of current Menu Item.

- Submenu Column Width: Defaul width for each Submenu’s column (If you do not enter value, it will display with default value: 200px)

- Sumenu Column[i] Width: Specify width for individual column. Please use format the same as below:
colw2=250
colw3=360

- Additional Class: Additional CSS class for applying to current Menu Item.

- Submenu Alignment: Set "Auto" to make submenu align automatically, set a specific aligment value to make it align by your choice.

- Submenu Content: Choose content to show with this Joomla Responsive Menu Item. Beside normal Child menu items, our Mega Menu can load one module or many modules into one Menu Item:

• Child menu items: Load child menu items as usual.
• Modules → Select Modules: select Module(s) you want to load.
• Modules positions → Select Positions: select Position(s) you want, our Mega Menu’ll load all the content of that Position(s).