Native Module Slider

1.) The header slider module(s)

The Template comes with a build in JavaScript slider area. The slider area includes up to 12 slides.
Every slide is a stand alone moduleposition called header1, header2, header3...header12. If none of these 12 modulepositions are in use, the slider area disappears completely. If you setup just one moduleposition it will load just this one static module without the sliding navigation. If you use more than one of these modulepositions (for example "header3" and "header5") the slider area will load the first module on show the navigation to "slide" to the second one. You can use the 12 modulepositions to setup what ever you want.
For example: A image, a text, HTML code, a video or one of the thousands of free and commercial Joomla modules out there.

2.) Header Slider Configuration

As mentioned before the slider area will be activated automatically as soon as you publish a module on position "header1 - header12".

But you can also setup and change some basic settings from the templates config screen. To access the config screen click on "extensions->template manager". Select the template from the list and hit the "edit" button in the upper right corner. The templates config screen will appear. Inside the right column you can setup the hight, the duration between two slides in milliseconds, the positions of the navigation elements and you can choose one of two different effects (slide horizontal, slide vertical). And the configuration lets you also activate/deactivate the "auto play" function and edit other template related options.

Module Positions

search topmenu
Logo / logo.png Banner
Header, Header 1 - Header 12
Top25-1 Top25-2 Top25-3 Top25-4
Top33-1 Top33-2 Top33-3
Top50-1 Top50-2
Top66-1 Top66-2
Left Breadcrumbs Right
Mainbody / Joomla Content
Bottom66-1 Bottom66-2
Bottom50-1 Bottom50-2
Bottom33-1 Bottom33-2 Bottom33-3
Bottom25-1 Bottom25-2 Bottom25-3 Bottom25-4
Footer-1 Footer-2 Footer-3 Footer-4
Footer Social

Slimbox2 Integrated

We include the very popular Lightbox2 into our Template which utilizes the Mootools library to create an impressive image overlay with slide-out effects.

Slimbox HTML Source
  1. Select your Article
  2. Add your preferred image
  3. Open the Article in HTML view
  4. Add the // rel="lightbox" //
  5. Click the left Image to see the source code

Native Integrated Moomenu

The template comes with an moduleposition called "menu".

  1. To display your main menu module on this position log into your backend and click on "extensions->module manager".
  2. Select your main menu module from the list and hit the "edit" button in the upper right corner. The main menu module setup screens appears.
  3. Select as moduleposition "menu" and save the changes.
  4. To activat the "Suckerfish" drop down function for sub menu items click on "Module Parameters" in the right column and activate the "Always show sub-menu Items" function.
  5. Than click on "advanced Parameters" and use the module parameter > menu class suffix < [space] mobilemenu
  6. Save the changes.

Make sure that the module is published on all home- and subpages and that no other module is published on the "menu" module position.

MooMenu ( Suckerfish) is native integrated and needs NO extra module installation.

Resonsive Design

This Template was build with a responsive 12-column grid. We've also included fixed- and fluid-width layouts based on that system.


Sleek, intuitive, and powerful front-end framework for faster and easier web development.


Made for everyone.

This Theme was made to not only look and behave great in the latest desktop browsers (as well as IE7!), but in tablet and smartphone browsers via responsive CSS as well.



Packed with features.

A 12-column responsive grid, dozens of components, javascript plugins, typography, form controls, and even a web-based Customizer