SJ Topbar

View demoMore detail

This guide will help you install SJ Topbar step by step.

1REQUIREMENT – Back to top

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

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

2INSTALLATION – Back to top

Prepare your module package

  • Firstly, you need to UNZIP file that you have downloaded. Please note that you should choose modules package that are suitable with each Joomla version which you have just downloaded
  • Secondly, install main module (extracted mod_ file):
  • In your Administrator page, go to Extensions -> Extension Manager. In this page, click Browse, 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

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

After installing, go to Extensions -> Module Manager and find SJ Topbar to configure

SJ Topbar module is configured in 2 groups of parameters as following:

  • Module Options
  • Advanced Options

Let’s look at the parameters in detail:

Module Options

  • Width Container – Allow to set width container
  • Position – Allow you to select postion of topbar: Top/Bottom
  • On Top – On Top for top position OR not
  • Content – Allow to input content

Button Options

  • Display Button – Allow to display button OR not
  • Link for Button – Allow to display link for button OR not
  • Link Target – Set target for links:
    • New window – Open the link in the new window/tab
    • Same window – Open the link in the same window/tab

Date Options

  • Display Countdown – Allow to display conutdow OR not
  • Start Date – Allow to set start date
  • End Date – Allow to set end date
  • Select a Timezone – Allow to select timezone

Panel Options

  • Display Panel – Allow to show 3 panel (Show/Show and close/instantaneous)
  • Time Cookie – For display panel Show and clode or instantaneous.Ex: 1 hours

Advanced Options

  • Alternative Layout – Set custom layout for this module
  • Include Jquery – Allow you to include Jquery OR NOT
  • Custom css – Allow to custom css
  • 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

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!