Play Video Dynamic Style Changes Style Modification
Dimensions Basic Customisation

A guide to the basic Dimensions customisation options that can be configured in the template "index.php" file with a description of each of the available options and how they affect the presentation of the template.

Dimensions features several built in configuration options that have been designed to be easily changed with a single control. You can take advantage of these customisation options by making changes in the Dimensions "index.php" file. Here is a breakdown of the available options:

$default_style 	 = "style1";   //[style1... style10] 

$enable_rokzoom	 = "true";     // true | false

$template_width  = "950";      // width in px

$secondcol_width = "25%";      // width in px | width in %

$thirdcol_width  = "25%";      // width in px | width in %

$menu_name 	 = "mainmenu"; // can be any Joomla menu name

$menu_type 	 = "moomenu";  // moomenu | suckerfish | splitmenu | module

$default_font 	 = "default";  // smaller | default | larger

$show_pathway 	 = "false";    // true | false
	
// module slider configuration

$modules_list  = array(array("title"=>"Group 1 Stuff", "module"=>"user7"),

		 array("title"=>"Group 2 Panel", "module"=>"user8"),

		 array("title"=>"Group 3 Collection", "module"=>"user9"),

		 array("title"=>"Group 4 Assortment", "module"=>"user10"),

		 array("title"=>"Group 5 Items", "module"=>"user11"));

$module_slider_height = 200;   // height in px

$max_mods_per_row     = 3;     // maximum number of modules per row 
                                 (adjust the height if this wraps)

Menu Name

The following parameter controls which Joomla! menu is loaded for the horizontal navigation bar. Therefore, you can use a custom menu instead of a default menu such as "tab-menu" or use another default menu such as "topmenu".

$menu_name = "mainmenu";  
// mainmenu by default

Menu Type

Dimensions has the 4 options for the horizontal navigation bar. You can either, select moomenu, the latest menu addition; suckerfish, the basic vertical dropdown menu; splitmenu, the popular classic or have the area as a separate module position.
$menu_type = "moomenu"; // moomenu
suckerfish | splitmenu | module

Default Font

Based on your own personal preference, or the preference of your users; you can easily set the default font size with this setting below:-
$default_font = "default";   
// smaller | default | larger

Show Pathway

Sometimes sites just look better with no pathway, and we've provided a convenient toggle to allow you to disable this for your site
$show_pathway = "false";  
// true | false

Module List

With the setting illustrated below, you can control the aspects of the integrated rokslide feature to a great extent. You can control the tab title and also the module position which appears in each of the tabs.

In the code snippet, we have 5 lines, each line controls a single tab. Each line is segregated into 2 distinct parts. These are "title"=>"Tab Title", which controls the Tab Title. The second part is "module"=>"Module Position"),
$modules_list = array(array("title"=>"Group 1 Stuff", "module"=>"user7"),

		 array("title"=>"Group 2 Panel", "module"=>"user8"),

		 array("title"=>"Group 3 Collection", "module"=>"user9"),

		 array("title"=>"Group 4 Assortment", "module"=>"user10"),

		 array("title"=>"Group 5 Items", "module"=>"user11"));
 

Default Style

Dimensions has 10, pre-made styles that can be easily selected from the option shown below. Simply change the settings between the two " " tags to your style of choice.
$default_style = "style1"; 
//custom | [style1...style10]

RokZoom Enabled

RokZoom, a powerful and presentationally excellent script can sometimes come into conflict with other javascript libraries, you can disable it with the following settings.
$enable_rokzoom = "true"; 
// true | false

Template Width

You have the ability to select, with ease, the width of the template. The setting below is what you edit to either reduce or increase templates width.
$template_width = "950"; 
// width in px | fluid

Second Column Width

You have the ability to select, with ease, the width of the Second column. The setting below is what you edit to either reduce or increase side column width.
$secondcol_width = "25%";	
// width in px or % 

Third Column Width

You have the ability to select, with ease, the width of the Third column. The setting below is what you edit to either reduce or increase side column width.
$thirdcol_width = "25%";	
// width in px or % 

Module Slider Height

This setting controls the height of the Module Slider in pixels.
$module_slider_height = 200;   
// height in px

Module Count

The module configuration variable below controls how many consecutive modules you can have for a position.
$max_mods_per_row = 3; // max 
number of modules per row
(if wraps, adjust height)

Group 1 Stuff

RokSlide Powered

RokSlideHarnessing the power and functionality of the popular RokSlide module, Dimensions offers the ability to present your modules in sliding tabs. Publish multiple modules into to a single tab module position as well as customize the titles that appear in each tab.
Learn more...

Flexible Content

ContentOrganize large amounts of information in easy to navigate tabbed panes and reduce the clutter and space needed to display your content. By default, User 7-11 module positions appear in the bottom tabbed module pane. You can also add more module positions if needed. Learn more...

Group 2 Panel

Easy Color Customisation

ColorsAll of Dimensions accent colours are CSS based, allowing you to change the colour scheme with just a few quick modifications to the CSS. Use any background image you want, and the top and bottom fades will automatically be applied for a seamless look.
Learn more...

Time of Day Style Changing

ColorsStyles 1 and 2 have four different time of day stylesets which dynamically change throughout the day based on your users' time. Customize the existing styles, or create your own automatically changing background and color mods.
Learn more...

Group 3 Collection

The Perfect Background Image

BackgroundsWith Dimensions, you can use any background image you desire to give your site the character and style you want. Choose any image, set it as your background, and Dimensions will automatically apply top and bottom fades to your background image for a more seamless integration.

After you have set your background image, pick matching accent and text colors for your template to create the perfect match of color and style for your site. Learn more...

Group 4 Assortment

Mootools Integration

Dimensions utilises the javascript library known as mootools to power special effects such as the RokMooMenu, RokSlide integration, and RokZoom features. Dimensions uses the latest development build of the mootools javascript library, but is also now compatible with the earlier 1.11 version of mootools as well for better integration and backwards compatibility.

Dimensions built in mootools javascript and functionality can also be disabled, should you need to use third party extensions which utilise other javascript libraries. Visit the RocketTheme Dimensions forum for more information. You can find out more information about Mootools on their website, located at http://mootools.net.

Group 5 Items

15 Module Positions

Dimensions includes 15 built in module positions to allow for the ultimate in flexibility for your content and layout structure. These modules are collapsible, allowing you to only use the ones that work the best for your site's layout.

Multiple Modules in a Tab

Each module position that is located in the tabbed module area (user7-11 by default) can support multiple modules. Just publish more than one module to each module position, and they will line up side by side in that pane.

Add More Modules

You don't just have to stop at 5 tabs for 5 module positions. Add additional tabs and modules positions to your template by adding them to both your template's index.php file, as well as in your Joomla administrator's "Module Positions" manager.