Panel 1

Panel 2

Panel 3

Panel 4

The panel 1 to panel 4 module positions are displayed at the top of the site and are hidden via the JB Drop Panel. The panel trigger is automatically displayed whenever you have a module published to any of the four modules positioned here.

The demo site has an instance of the core login module, lates news, popular items and the Example Pages menu displayed in these positions.

The topleft module position is positioned above the logo at the very top of the page.

The topright module position is positioned at the top right of the page.

The inset position is aligned horizontally to the right of the logo.

The topstripleft position sits directly underneath the logo. The demo does not have anything published to this position.

This position sits to the right of the topstripleft position, directly below the top menu. The demo site has the slideshow3 module published to this position for all sub pages. The module is set to display the titles of the content items only.

Themenu position is the main nav for the site. You need to publish the extended menu module in this position and use the settings according to the superfish article. The menu needs to be published as a flat list to display the same way that it does on the demo site.

grid1

grid2

grid3

grid4

The first row of the grid contains the modules: grid1, grid2, grid3 and grid4. These modules divide evenly across the page according to how many modules you have published. For example four modules take up 25% of the width, three modules take up 30% of the width two modules take up 50% of the width and one module takes up 100% of the width.

grid5

grid6

grid7

grid8

The second row of the grid contains the modules: grid5, grid6, grid7 and grid8. These modules divide evenly across the page according to how many modules you have published. For example four modules take up 25% of the width, three modules take up 30% of the width two modules take up 50% of the width and one module takes up 100% of the width.

grid9

grid10

grid11

grid12

The second row of the grid contains the modules: grid9, grid10, grid11 and grid12. These modules divide evenly across the page according to how many modules you have published. For example four modules take up 25% of the width, three modules take up 30% of the width two modules take up 50% of the width and one module takes up 100% of the width.

The top position sits below the first three rows of the grid and above the main content block. It stretches to 100% of the width of the template.

The left position sits to the left of the main content area. The demo site uses a standard Joomla menu module set to flatlist and expand menu items with active parent highlighting on some pages and where you see the accordion menu published its using the accordion menu script with the extended menu module. See the content item on the accordion menu item.

This module position sits above the main content. The demo site does not use this position.

This module position sits below the main content. The demo site does not use this position.

The right position sits to the right of the main content area.

The below module position sits below the main content block.

grid13

grid14

grid15

grid16

The second row of the grid contains the modules: grid13, grid14, grid15 and grid16. These modules divide evenly across the page according to how many modules you have published. For example four modules take up 25% of the width, three modules take up 30% of the width two modules take up 50% of the width and one module takes up 100% of the width.

grid17

grid18

grid19

grid20

The second row of the grid contains the modules: grid17, grid18, grid19 and grid20. These modules divide evenly across the page according to how many modules you have published. For example four modules take up 25% of the width, three modules take up 30% of the width two modules take up 50% of the width and one module takes up 100% of the width.

grid21

grid22

grid23

grid24

The second row of the grid contains the modules: grid21, grid22, grid23 and grid24. These modules divide evenly across the page according to how many modules you have published. For example four modules take up 25% of the width, three modules take up 30% of the width two modules take up 50% of the width and one module takes up 100% of the width.

The bottom position sits below the main template container. The demo site has a standard Joomla menu module publishedhere set to display as a flat list.

The slide1 to slide4 positions form the basis of the sliding area at the bottom of the template. The slide triggers that you see in the demo eg life stream, resources etc are set in the template admin and are only published if there is a corresponding module published eg the slide1 trigger will only display if there is at least one module published to slide1.

The demo site has a number of different modules published to the slide1 to slide4 positions to give you an idea of the flexibility of this area of the template.

Slide1 - The first module published to slide1 is a custom html module which has the avatar image manually inserted and a class of floatleft and border applied to it. The slogan is in an h3 tag in the same module. The jTweet module is published to the slide1 position also.

Slide2 - Two versions of the popular news modules.

Slide3 - Four custom html modules with lorep ipsum text.

Slide4 - One custom html module with lorem ipsum text.

The debug position is the second last module position and can be used to test script and module output.

The analytics module is at the very bottom of the page. In the template its placed just before the closing body tag which is an ideal place to position your analytics tracking code or anyother javascript that needs to be positioned at the bottom of the page.