Colourshift Documentation
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 v2.0+. 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. Please note that the Focus template does not contain the usual number of module positions that normally accompany Zen Grid Framework templates.
More settings
The Zen Grid Framework allows for flexibility within individual templates while maintaining the same core codebase.
Layout Overrides: This template uses the Zen Grid framework layout overrides to help create the unique layout that you see on the Colourshift demo site. You can find these files in the templates/jbcolourshift/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:
- bottom.php
- logo.php
- nav,php
- panel.php
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. You can also disable the layout overrides in the template by navigating to layout/overrides panel in the template administration.
Rebranding
Please note that the zen grid 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. You can read more regarding this in the Zen Grid Framework knowledgebase.
Extensions featured on the demo
All of the extensions available from Joomlabamboo are compatible with this template. Not all are required for the running of the template and only some are featured as a part of the demo site.
The modules used on the demo site include:
Please see below in the frontpage setup for screenshots of the modules as they are setup on the demo site of this template.
Colour Shift front page setup
The screenshot below shows you the modules we have published on the front page of the demo site. Please see the descriptions below regarding the usage and any other relevant information of the modules.
Description
- Top Menu. The top menu is a core Joomla module published to the menu position. Colourshift requires v2.0.12+ of the framework. This update includes a new menu position which positions the menu above the header and below the top menu positions. The demo site for Colour Shift uses the Top Menu position.
- Logo. The logo is positioned on the Header row of modules and uses the webfont called Rochester to render the logo title. It is also using an h1 tag for the site title.
- Search. A core search module is positioned to the header4 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 int he template parameters.
- Grid1. An instance of the Zentools module is published to the Grid1 position. This module is using the List layout view and the settings for this module can also be seen below.
- Grid2. Another instance of the Zentools module is published to the Grid2 position (Meet the team). It is using a grid layout and the settings can be seen below.
- Grid2. A custom html module is published ot the Grid2 position - below the Meet the team module - it has a combination of Lorem Ipsum text and some styling delivered via the JB Type plugin.
- Grid5. Another instance of the Zentools module is published to the Grid5 position. This instance is using the grid layout.
- Company Info. The text at the bottom of the psge above the bottom modules entitled "Company Info" is controlled via a template parameter. To chnage this text navigate to layout > module widths and scroll to the bottom of the page to change this text.
Zentools settings for the frontpage
The frontpage of the Platform demo site features the Zentools module using a masonry layout. The settings used in the demo site are shown below.
Zentools Slideshow
Zentools - List (Grid1)
Zentools - Grid Layout (Grid2)
Zentools - Our Services (Grid5)
Menu Behaviour
The menu in the Colour Shift template is designed to behave in two distinct ways.
1. As a fixed module that sits at the top of the page in a fixed position. This behaviour only occurs if there are no modules published above the menu position. So if you have the menu published to the topmenu position and you also have modules published ot the top row of modules then the menu will revert to absolute positioning and scroll with the rest of the content as the user scrolls.
2. As an absolutely positioned module that scrolls as the user scrolls down the page.
The setting to control the menu behaviour can be found on the Layout > Menu panel in the template administrator.
Configuring the K2 template
The Colour Shift Joomla template has K2 overrides built in and are activated simply by assigning the Colour Shift template in the K2 category or via the K2 menu item if you are displaying multiple categories form that menu item.
To assign the Colour Shift template to your k2 categories and items you need to edit the category and apply the Colour Shift K2 template as per the screenshot below:
Starting with Colour Shift from a fresh installation of Joomla
Although the this Joomla template is a simple design the default Joomla sample data doesnt quite do it justice and so here are a few steps to do if you are installing this Joomla template into a default Joomla installation.
Please note that the follow instructions refer to Joomla 1.7.
Elements to install.
Essential Elements
- Install and enable the Zen Grid Framework v2.0+
- Install the template and set it to default
Modules to unpublish
- Disable the breadcrumb module title and assign it to display on all pages except for the home page.
- Disable the main menu title in the extensions > module manager.
- Disable the core banner module in the footer position.
- Disable the core footer module in the footer position.
Modules to modify
- Reposition the main menu module and ensure that it is enabled on all pages.
- Publish a module to the left position - in the screenshot below we used the Latest news module.
