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.

Starting with Rasa 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 Rasa 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 Rasa 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

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

Screenshots of module classes used in the rasa template

The screenshots below highlight the specific implementation or appearance of the module classes found in this template.

Ribbon plus colour

Ribbon+plus+colour.jpg

Ribbon

Ribbon.jpg

Frontpage Overview

image

Description

  • The contact us menu is a core Joomla menu module published to top1.
  • The logo is controlled in the template parameters also and has a width of 4 cols to match the width of the left column below it.
  • The slogan at the top of the page is a custom html module published to the header4 module position and has a width of 8 cols set.
  • The main menu is a core Joomla menu published the menu position. You can see a full run down of the settings required to recreate the layout and the superfish menu in the Zen Grid Framework documentation. The two line menu is achieved by using our JB Type plugin. For more information please check out the two line menu in Joomla over on our blog.
  • The search module is positioned in the search position and is a core Joomla search position.
  • The icons used in the left column in the Rasa demo site are sourced from Icons etc.

The screenshots below highlights the settings of the various modules included on the front page.

slideshow frontpage settings:

ERasaSlideshowFrontpage

An example of the microblog modules published to grid4, grid6 or grid10.

RasaFrontpageMicroblog

Creating two line menu items

We use a simple technique that involves using our variation of the YBB BBCode syntax plugin with the core Joomla menu module. For more information you can read how to recreate a two line menu in Joomla on the Rasa demo site.

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.

Rasa frontpage microblog

Rasa+frontpage+microblog.png

Rasa frontpage slideshow

Rasa+frontpage+slideshow.png