SJ Flat Menu

View demoMore detail
This guide will help you install SJ Flat Menu step by step.
When you buy the module the first time, you will have the latest version. After the first release, we will update this module regularly, please check newer versions when informed here 

1REQUIREMENT – Back to top

At the basic level, this module will require the following conditions:

  • Compatible with version Joomla: Joomla! 2.5.x, Joomla 3.x

2INSTALLATION – Back to top

Prepare your module package

  • Firstly, you need to UNZIP file that you have downloaded. Please note that there will have 2 modules package that are situable with each of Joomla version so that you should have a careful selection.
  • Secondly, install main module (extracted mod_ file):
  • 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
  • Prepare to perform Module Configuration

3MODULE CONFIGURATION – Back to top

3.1 Below is module layout

3.2 Module Configuration

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

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

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

  • Detail Options
  • Menu Options
  • Advanced Options

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
General

MENU OPTIONS

  • Module Class Suffix – Allows a suffix to be applied to the CSS class of the module.
  • Select a Menu – Allows to select a menu for the module
  • Start level – start level
  • End level – end level
  • Menu Type – Allows to select menu type
    • Accordion
    • Flyout
  • Style Flyout – Allows to select style flyout
    • Horizontal
    • Vertical
  • Sub Menu Activation – Shows event for sliding
    • Click
    • Hover
  • Animation Duration – Shows animation duration
  • Sub Menu Direction – Shows sub menu direction
    • Left
    • Right
ADVANCED OPTIONS  

  • Alternative Layout – Set custom layout for this module
  • Include jQuery – Use jQuery from this module or not
  • Pre-text – The content to show at the top of module
  • Post-text – The content to show at the end of module
  • Caching – Allows to select menu type
  • Cache Time
    • 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

4SUPPORT – Back to top

Thank you so much for purchasing this module. If you have any questions that are beyond the scope of this help file, please send us via: Submit a Ticket

Thanks so much!