Knowledgebase

Joomlabamboo template and extension documentation

Compatible with Joomla 1.5 / Joomla 2.5 .

Please note: This template uses the Zen Grid Framework. You can download the latest version of the framework on the Zen Grid Framework download page.

All Themes built prior to January 2013 were built using the Zen Grid Framework while all themes after January 2013 were built using the T3 plugin. A select number of themes from before January 2013 have been moved to the T3 plugin.

Overview of default template settings

The screenshots below are taken from the template administrator and highlight the default settings for this template.

Banner slideshow Zentools

Banner+slideshow+Zentools.png

Grid5 module settings Zentools

Grid5+module+settings+Zentools.png

Our services module settings Zentools

Our+services+module+settings+Zentools.png

Starting with Lifestyle from a fresh installation.

The following steps outline the process involved for setting this template up in a new or existing Joomla installation. Please note: We recommend users use our quickstart packages if they have the opportunity to start completely from scratch.

Elements to install

  • Install the Lifestyle template and make it the default - Download
  • Install JB Type - required for typography and font icons - Download
  • Install Zentools - slideshows, banners, grids etc - Download

Elements to modify

  • Change the position of the "Main menu" module to the "menu" position.
  • Set the "Show Title" setting of the main menu to Hide.
  • Remove the module and menu classes nav_pills and _menu in the advanced parameters for the menu module.
  • Change the position of the breadcrumb module to the "breadcrumbs" position.
  • Ensure that the module title for the breadcrumb module is also set to hide.
  • Depending on your needs you may like to set this module to not appear on the front page via the menu assignment settings in the module.

What's next?

At this stage you will have a very basic looking template ready for you to customise, add your content and start setting up the other modules you can see on the demo for the Lifestyle template.

For more information on replicating the front page layout or other extensions used on this site please read the information provided on the frontpage and extensions tab.

Available module positions

image

Slideshow / Static image backgrounds on sub pages

The demo for the Lifestyle template features a large image in the background on various pages. Here are a few pointers for replicating this.

  • This image is generated by the Zentools module using the slideshow mode.
  • The slideshow mode is used as it delays the loading of the image and will not block the content from displaying before the image loads. 
  • The zentools module is published to the banner position and is designed to sit underneath the content area.
  • The module only has one image assigned to the module on the demo but you can continue to use the slideshow on these sub pages as well.
  • The modules are assigned in the usual way you assign modules to menu items in Joomla. The Advanced Module Manager from nonumber.nl may be a useful tool to use when it comes to fine tuning which pages your background image will display on.

Module Classes

About module class suffixes

Module classes are a core Joomla functionality that allow the user to specify how a specific module will appear. The class itself is added to the module in the module parameters.

Combining module classes:

Module classes can be combined to take advantage of multiple complementary styles. An example of a module class suffix using a combination of classes: "hot primary1 top50".

Structural classes

Structural classes can be used to change the general layout or structure of a module.

  • nopadding - this class removes all padding that may be set by default by the template.
  • The following classes are micro adjustment classes that allow you to adjust the top offset of a module in increments of 25px. They start at 25 and move through to 500px offsets in 25px increments.
  • top25
  • top50
  • top75
  • top100
  • top125
  • top150
  • top175
  • top200
  • top225
  • top250
  • top275
  • top300
  • top325
  • top350
  • top375
  • top400
  • top425
  • top450
  • top475
  • top500

Frontpage Overview

image

Description

  • Logo. The logo is published to the header row position in the template parameters. The demo uses an image as the logo.
  • Header4. A core Joomla menu module is assigned to the header4 position.
  • Menu. A core Joomla menu module is published to the menu position.
  • Search. A core search module is positioned to the search position.
  • Banner. An instance of the Zentools module using the Slideshow layout is positioned to the banner position. You can see the settings in the screenshot below.
  • Main Content. The main content is hidden on the front page of the demo site. In order to display content on the front page of your site you will need to disable the Hide main content on front page settings which can be found in the layout > general panel in the template parameters.
  • Grid1. An instance of the Zentools module is published to the Grid1 position (Our Services). This module is using the Grid layout view and the settings for this module can also be seen below.
  • Grid5. Another instance of the Zentools module is published to the Grid5 position (Recent Projects). It is using a grid layout and the settings can be seen below.
  • Bottom1. A core joomla menu module is published to the bottom1 position.
  • Bottom2, bottom3, bottom4. A custom html module is published to bottom2, bottom3 and bottom4.
  • Footer. A custom html module is published to the footer position.

Frontpage module styling

The frontpage of the Lifestyle template features module titles that differ slightly from the sub pages. The title of any module published to the grid positions on the front page will be centered and use the bevel styling by default.

In order to replicate this on the sub pages of your site you need to use a page class suffix "frontpage" for the menu item responsible for showing that page.

Extensions used on the demo site

Screenshots of extensions used for the demo

The screenshots below are taken from the modules used in the demo and quickstart packages for this template.

Banner slideshow Zentools

Banner+slideshow+Zentools.png

Grid5 module settings Zentools

Grid5+module+settings+Zentools.png

Our services module settings Zentools

Our+services+module+settings+Zentools.png

Slideshow used on subpage to generat static image

Slideshow+used+on+subpage+to+generat+static+image.png