Knowledgebase

Joomlabamboo template and extension documentation

 

Compatible with Joomla 2.5 / Joomla 3+ .

cut-article-in-half

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.

Installing the Easyblog theme.

The Easyblog theme seen on the Novus demo site is a standalone Easyblog theme which needs to be uploaded to the Easyblog theme folder. Using your ftp program navigate to the components/com_easyblog/themes folder. Once in that position you can upload the contents of the Easyblog theme package available in the download area. Please ensure that the final structure for your files look like this:

components/com_easyblog/themes/joomlabamboo/[theme files here]

Using K2 with Novus.

The Novus template features a built in template for K2. It is not required to use Zenkit with this template. When assigning a template to your categories in the K2 Category manager or via the Menu manager simply select the Novus theme to use the builtin theme on your site. Also please ensure that you disable the front end css for the K2 component.

Social Sharing.

The Novus template features built in support for Pinterest, twitter and Facebook buttons to share, like, tweet or pin your article information. This functionality is built into the html overrides of the template directly and the functionality is controlled via the template settings under the Add on menu item.

Social-sharing

The title for the social sharing is automatically hidden on small screens or in multiple-column layouts.

1. Facebook Setup

  • a. Enable the Facebook like button
  • b. Choose the layout type - Experiment with these layout options to determin which suits you the best.
  • c. In order to use the Facebook functionality you need to create a Facebook App Id. An example is shown in the screenshot above. This tutotorial will walk you through that process. 

2. Twitter Setup

  • a. Enable the Twitter tweet button.
  • b. Eneter the username you would like attached to the tweet functionality.

3. Pinterest Button Setup

  • a. Enable the pinterest button 

Starting with Novus 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 Novus 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 "off-canvas" 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 Novus 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-positions

 

View the embedded image gallery online at:
https://docs.joomlabamboo.com/novus#sigFreeId5375dd94d6

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".

Module classes

A selection of the module classes available in the Novus template.

View the embedded image gallery online at:
https://docs.joomlabamboo.com/novus#sigFreeIdd751d33f5d

Module Styles

There are a number of module styles available in the Novus template

Accordion Menu

The module class suffix accordion can be applied to any standard vertical menu rendered in the sidebar-1 and sidebar-2 positions. Please note that this is a module class suffix as described in this document How to add an accordion to your T3 template.

Slider Module

This is a module chrome that can be applied to any module. When it is used it transforms the title of the module into a trigger that when clicked reveals the contents of the module. You can see a demonstration on the Novus demo page.

Tabbed modules Module

This is a module chrome that can be applied to any module. When it is used it transforms the modules published to this position in a tabbed layout. The title of the module is used to reveal the content of the modules. The module titles align horizontal in a navbar layout. You can see a demonstration on the Novus demo page.

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

novus-flatv2

Description

  • The horse icon in the top left of the top bar is an image published to the logo module position. If you are using text in this area instead of an image then the controls for the logo font can be found in the template administrator under the theme panel.
  • The Menu bar is the trigger for the off-canvas module position. The Novus template uses the off-canvas position to display the main menu for the site.
  • The search bar is a standard Joomla search module published to the search position.
  • The social icons at the top of the page are an instance of the Zensocial module position published to the social module position.
  • The arrow at the end of the top bar is the panel trigger which is automatically created when you publish any module to the panel1, panel2, panel3 and panel4 position.
  • The tab on the side of the page with the text Recent is the trigger that opens the side drawer. This is automatically published to the page when you publish any module position to the drawer position. The text for this trigger is determined in the template settings under the addons menu item.
  • The main content of the Novus template is incorporated into a tabbed layout. When you publish any module items to the tabs position the navbar at the top eg home, blog categories, meet the team etc is automatically created. The first item in the layout is always the main content  or the component you are displaying on that specific page. Any modules published to the tabs position will automatically appear in the tabbed area in the order in which they appear in the Joomla module manager.
  • The bottom menu is a core Joomla menu module published to the footer position.
  • The copyright at the bottom of the page is controlled via the template settings.
 

Extensions used on the demo site