Knowledgebase

Joomlabamboo template and extension documentation

Pixel Eight Joomla Template

Getting Started

Please ensure that you read the getting started articles in preparation for working with this template.

This template also uses the Zen Grid Framework which makes controlling widths, colours and sub themes for the Joomla template a breeze. Please make sure that you familiarise yourself with the documentation for working with the Zen Grid Framework before you get started.

Module Positions

The screenshot below highlights the module positions available in this joomla template.

PixelEightModulePositions

More settings

The Zen Grid Framework allows for flexibiility within individual templates while maintaining the same core codebase. The following are the specific variations to the Pixel Eight template.

Layout Overrides: Pixel Eight uses the Zen Grid framework layout overrides to help create the unique layout that you see on the Inside Out demo site. You can find these files in the templates/Pixel Eight/layout folder. In general you do not need to touch these files but if you need to make some changes to any of the following areas, then this is where you need to make them:

  • closeContainer
  • footer
  • main
  • nav
  • openContainer

If you need to edit or change the layout across any of these areas of the template then you will need to edit the files in the layout/ folder.

Please note that v1.1 of the framework provides the ability to easily replace the Joomlabamboo copyright in the admin of your template. In order to do this you still need to have either a developer membership or have purchased rebranding. Please ensure that you look at the documentation for the framework for how to use this new feature.

Extensions featured on the demo site

You can find specific setup information related to the extensions above in this document or general setup and feature documentation by clicking the links below. All of our recent Joomla extensions are compatible with this template.

Extensions used on the demo site include:

Module Classes

The template ships with four basic colour variations - red, brown, green and purple. These colour variations determine the background colour and some of the typography colours, however it is possible to mix and match the colours used on the site as per the module class options as described below. In addition to the default module styling for the template it's also possible to change the appearance of the modules via adding a module class to the modules that you are using. There is a good range of module classes available.

Basic Classes

moduleColours

Classes available include:

-purple, -green, -red, -brown

 

Ribbons

ribbonColours

Classes available include:

-purpleribbon, -greenribbon, -redribbon, -brownribbon

 

Side Ribbons

sideRibbon

Classes available include:

-sideribbonpurple, -sideribbongreen, -sideribbonred, -sideribbonbrown

This last class is designed for recreating the ribbon heading that sits on the side edge of the main template container. The main slideshow uses the module class -sidepurpleribbon position in the "above" position.

 

Bevel Module classes.

There are also two more classes that you can use to replicate the bevel styling seen on the Pixel Eight demo site. The top example in the screenshot below has the module class suffix -bevel while the bottom two modules have the module class -bevel2.

bevel

The right column accordion or slider

As can be seen on the demo site the Pixel Eight template has an inbuilt accordion for the right hand column modules. This accordion or slider can be set selectively for all or any of the modules you publish to the right position. In order to trigger the accordion all you need to do is add the module class suffix -slide to the module you want to have behave as an accordion and also ensure that the right column accordion setting in the template is enabled in the template parameters.

 

rightColAccordion

 

Adding the class suffix to the module is as easy as typing -slide into the module class input box in the template:

moduleSlide

 

It is also possible for you to set the colour of the accordion trigger by changing adding one of the following colours to the class suffix: red, brown, purple, green.

moduleSlideRed

 

The screenshot below displays the four colours available for use in the template on the right hand column. The theme determines the default colour eg in the brown.css theme all sidebar headings are brown in colour. To change the heading colour to a new colour simply add the desired colour to the module class suffix; eg -red, -green, -brown, -purple.

sideColours

Configuring K2

The K2 content component from Joomlaworks is a complex beast to say the least and this little snippet will help you to get started using the Pixel Eight template in K2 but for more indepth help we recommend using the forum over at the K2 forum for Joomlaworks for K2 specific requests or by posting questions on our forum for issues related to the template.

Assigning the Pixel Eight template is very simple thanks to the way K2 has implemented its templating system. Once Pixel Eight is set as the default template on your site you should see the Pixel Eight K2 theme in the dropdown list when editing the theme in the category parameters. You will also see what other templates are available for K2 on your site in the dropdown list as per the image below.

 

pixel8K2

 

These templates ship with Avanti and do not need to be enabled. The fields for the template are located in this directory on your web server:

templates/pixeleight/html/com_k2/templates

The Pixel Eight K2 template is an elegant blog style template that puts some extra flare into the way you display the content on your K2 item and category pages. 

The css file for the Pixel Eight K2 template can be found in templates/pixeleight/css/k2.css file.

Troubleshooting

 

I get the following error after installing the Zen Grid Framework and a Zen Grid compatible template.

Parse error: syntax error, unexpected T_STRING, expecting T_OLD_FUNCTION or T_FUNCTION or T_VAR or '}' in /homepages/26/d171984212/htdocs/tradenet/templates/zengridframework/includes/yth.php on line 36

This error means that your server is using php v4 while the Zen Grid Framework needs php5 to function properly. Often changing to php5 is a matter of adding a rule to the htaccess file on your site but it's best to ask your host for help in determining the best way to use php on your server.