JSE Accordion Menu

From Joomseller Wiki
Jump to: navigation, search

INTRODUCTION

Purpose

This document supports Joomseller customers in using JSE Accordion Menu 2.1.0 module.

Scope

Overview

What is JSE Accordion Menu 2.1.0?

Accordion menus are used widely in navigation, sliding, minimizing and maximizing content. Such accordions practically are expandable whenever needed, you can really save some space and be able to show a lot of information using this technique. Yes, and of course such sliding content always is great from design point of view and giving your visitor unique experience while he is visiting.

Our JSE Accordion Menu is a beautiful accordion menu designed for Joomla page. We provide you a stable, comparative with many templates, easy to use and configuration.

JSE Accordion Menu Features

  • Stable: this module is test many times to handle error, especially js conflict.
  • Flexible: it has many options for you to control your menu as you want
  • Menu level: control the start and end menu level
  • Control: this module let you choose to expand menu by click or mouse hover.
  • Behavior: you could set so that many items will expand at the same time.
  • Animation: you could set the speed of expanse action.
  • It comes with two color light blue and green.

How to use JSE Accordion Menu 2.1.0?

How to configure and setting?

User needs to do these tasks step by step:

  • Install the JSE Accordion Menu 2.1.0
  • Configure JSE Accordion Menu 2.1.0 Module.
  • Configure Plug-in System jQuery Library.

Screenshots

Frontend

Pro Accordion Menu Frontend.jpg


Backend

Pro Accordion Menu Backend.png

CONFIGURATION

JSE Accordion Menu Installation

Requirements

Server Requirements

JSE Accordion Menu 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! 2.5 - http://www.joomla.org recommended: Joomla! 2.5.
  • 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

  • JSE Accordion Menu can run well on major browsers such as: Internet Explorer (version 7+), Firefox, Chrome, Opera 9+, and Safari. JavaScript must be activated.
  • The client/browser needs to be capable of accepting Cookies and Cookies must be enabled.

Installation

Preparing

  • Extract the downloaded package to your computer.
  • Choose the exact version that matches with your Joomla version (currently, we provide one installation packages for Joomla 2.5)

Installation

  • Go to your administrator site
  • Select “Extensions” => “Extension Manager” in the Top Menu
  • In "Upload Package File" block, please Upload &Install the following extensions:
    • mod_pro_accordionmenuxxx.zip: this is core module.
    • plg_system_js_loadjquery.zip: System - jQuery Library. This plugin’ll load jQuery to your site and resolve all the conflict with Joomla’s Mootools.


Configuration

Basic Options

Pro accordion menu basic.jpg

Module Class Suffix

A suffix to be applied to the CSS class of the module.

Select Menu

Choose the Menu you want to display

Start & End Level

Levels of Menu to display

Menu Template

Currently, we provide 2 template: Blue & Green

Type of accordion

Control expanding action by Click or mouse Hover

Multi Accordion levels

Choose the max level that still has the expanding effect.

Advanced Options

Pro accordion menu advanced.jpg

Remind Opened Menu

If YES, when load our menu, the sublevel of the last view will be opened.

Parent items links

If YES, the items that have child will not be a link.

Multi Expand Items

If YES, all the expanded items will not be closed when browse other items.

Slide Toggle Speed

Expanding speed when control by click

Slide Down Speed

Expanding speed when control by hover.

Configure plugin - System jQuery Library

Turn on System jQuery Library.

  • Configure values for jQuery version, Remove Mootools Conflict, Where to add.

JS News Slideshow jQuery Library.png