Layout
Grid1
A custom module with a -pink module class. Pellentesque at urna ut felis consequat dignissim nec eget quam. In hac habitasse platea dictumst. Pellentesque erat libero, fermentum in auctor ut, luctus eu lectus.
Grid 2
A custom module with a -darkgrey module class. Pellentesque at urna ut felis consequat dignissim nec eget quam. In hac habitasse platea dictumst. Pellentesque erat libero, fermentum in auctor ut, luctus eu lectus.
Grid 3
Pellentesque at urna ut felis consequat dignissim nec eget quam. In hac habitasse platea dictumst. Pellentesque erat libero, fermentum in auctor ut, luctus eu lectus.
Grid4
A custom html module with a -brown module class. Pellentesque at urna ut felis consequat dignissim nec eget quam. In hac habitasse platea dictumst. Pellentesque erat libero, fermentum in auctor ut, luctus eu lectus.
Grid 5
A custom html module with a -lightblue module class. Pellentesque at urna ut felis consequat dignissim nec eget quam. In hac habitasse platea dictumst. Pellentesque erat libero, fermentum in auctor ut, luctus eu lectus.
Grid 6
A custom html module with a -brightgreen module class Pellentesque at urna ut felis consequat dignissim nec eget quam. In hac habitasse platea dictumst. Pellentesque erat libero, fermentum in auctor ut, luctus eu lectus.
Grid 8
A custom html module with a -darkbrown module class. Pellentesque at urna ut felis consequat dignissim nec eget quam. In hac habitasse platea dictumst. Pellentesque erat libero, fermentum in auctor ut, luctus eu lectus.
Grid9
A custom html module with a -darkblue module class. Pellentesque at urna ut felis consequat dignissim nec eget quam. In hac habitasse platea dictumst. Pellentesque erat libero, fermentum in auctor ut, luctus eu lectus.
Grid 12
A custom module with a -darkolive module class.Pellentesque at urna ut felis consequat dignissim nec eget quam. In hac habitasse platea dictumst. Pellentesque erat libero, fermentum in auctor ut, luctus eu lectus.
Advert 1
A custom html module with a -light module class. Pellentesque at urna ut felis consequat dignissim nec eget quam. In hac habitasse platea dictumst. Pellentesque erat libero, fermentum in auctor ut, luctus eu lectus.
Module Positions
Landscape comes with a 39 module positions for you to use on your site. Please use the image below to refer to the module layout in the template and the description each module position in the table below the image.
Module position overview.
| Position |
Description | ||
|
Panel 1 Panel 2 Panel 3 Panel 4 |
The panel 1 to pane14 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.
|
||
| topmenu |
This position sites above the main logo area and on the demo site contains a default Joomla menu published as a flat list. It is aligned to the right but will stretch to the full width of the page.
|
||
| menu |
The menu 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.
|
||
| left |
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.
|
||
| advert1 |
This module position sits above the main content. The demo site does not use this position.
|
||
| advert2 |
This module position sits below the main content. The demo site does not use this position.
|
||
|
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.
|
||
| bottom |
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.
|
||
| debug |
The debug position is the second last module position and can be used to test script and module output.
|
||
| analytics |
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.
|
Last Updated on 03 September 2009
Advert 2
A custom html module with a -marone module class. Pellentesque at urna ut felis consequat dignissim nec eget quam. In hac habitasse platea dictumst. Pellentesque erat libero, fermentum in auctor ut, luctus eu lectus.
Grid 13
A custom module with a -red module class. Pellentesque at urna ut felis consequat dignissim nec eget quam. In hac habitasse platea dictumst. Pellentesque erat libero, fermentum in auctor ut, luctus eu lectus.
Grid 16
A custom module with a -yellow module class. Pellentesque at urna ut felis consequat dignissim nec eget quam. In hac habitasse platea dictumst. Pellentesque erat libero, fermentum in auctor ut, luctus eu lectus.
Grid 17
A custom module with a -gold module class. Pellentesque at urna ut felis consequat dignissim nec eget quam. In hac habitasse platea dictumst. Pellentesque erat libero, fermentum in auctor ut, luctus eu lectus.
Grid 18
A custom module with a -apricot module class. Pellentesque at urna ut felis consequat dignissim nec eget quam. In hac habitasse platea dictumst. Pellentesque erat libero, fermentum in auctor ut, luctus eu lectus.
Grid 20
A custom module with a -rose module class. Pellentesque at urna ut felis consequat dignissim nec eget quam. In hac habitasse platea dictumst. Pellentesque erat libero, fermentum in auctor ut, luctus eu lectus.
Grid 21
A custom module with a -eggplant module class. Pellentesque at urna ut felis consequat dignissim nec eget quam. In hac habitasse platea dictumst. Pellentesque erat libero, fermentum in auctor ut, luctus eu lectus.
Grid 22
A custom module with a -darkbrown module class. Pellentesque at urna ut felis consequat dignissim nec eget quam. In hac habitasse platea dictumst. Pellentesque erat libero, fermentum in auctor ut, luctus eu lectus.
Grid 23
A custom module with a -darkblue module class. Pellentesque at urna ut felis consequat dignissim nec eget quam. In hac habitasse platea dictumst. Pellentesque erat libero, fermentum in auctor ut, luctus eu lectus.
Grid 24
A custom module with a -olive module class. Pellentesque at urna ut felis consequat dignissim nec eget quam. In hac habitasse platea dictumst. Pellentesque erat libero, fermentum in auctor ut, luctus eu lectus.
