Joomlabamboo template and extension documentation

Compatible with Joomla 3+ .

Please note: This template uses the Zen Grid Framework.

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

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


JB Fullscreen setting 4

Logo is displayed above left module position and is created with text. Text is using font replacement for logo. Logo width is defined as 12 grids.

JB Fullscreen setting 3

Here you can see basic layout setting defining template width and left column width.

JB Fullscreen setting 2

Menu is 12 grids wide and aligned to the left.

JB Fullscreen setting

Important is to enable panel menu iniside menu setting. And following with using -panelmenu as module class suffix for mainmenu placed inside left module position.

JB Fullscreen setting 6

Panelmenu inside left module position.

JB Fullscreen setting 5

Modules inside left module position does feature arrow next to module title that allows module to slide up and hide. So don't forget to use -slide as module class suffix.

Setting of ZenTools inside background module position.

JB Fullscreen ZenTools setting

Here is overview of settings that is used to display background image inside Fullscreen template.

Extensions used on the demo site