Play Video Dynamic Style Changes Style Modification
Custom Modules

Learn all about the exciting new RocketTheme exclusive modules that are included in the Dimensions template release. Here you can find instructions for installation and configuration for each of the custom modules.

Step One: Installing the Module

  • Download the dimensions_extensions_j15.zip archive from the Dimensions download section of the RocketTheme Joomla! Club. Unzip the archive, inside you will find individual zip files for each of the modules.
  • Login in to your administrator console on your Joomla! website and navigate to the Extensions menu item, and select Install/Uninstall from the dropdown menu.
  • In the Upload Package File section, click the Choose File button and select one of the mod_modulename.zip that was inside of the zip file you downloaded earlier. Next click the Upload File & Install button to install the module.

Step Two: Publishing the Module

  • Now the module is installed it must be published in the appropriate module position and configured to suit our needs. From the top menu, select Extensions then Module Manager.
  • This will take you to the Site Module Manager which allows you to configure the placement and configuration of all modules in your Joomla! website.
  • Locate the module from the list. Remember there could be a few pages. Once you have found it, you can publish in 2 ways: The first is selecting the cross next to the tile or clicking the title then set Enabled to Yes followed by a Save.

Integrated RokSlide Tabbed Modules

For Dimensions, we have integrated RokSlide into the core of the template so you have the RokSlide functionality in terms of tabs with stylish transitional effects with the modular layout of the template.

RokSlide by default has 5 tabs available. Each tab has a module position ranging from User12 to User16, respective to the individual tab. Therefore, you have a single modular position per tab but you have the option of applying multiple modules to a single position. For example, you can assign 3 modules to the User12 position and they will appear in a horizontal layout in Tab 1.

Configuration

Configuration of the integrated RokSlide itself is controlled in the Administrator at Admin -> Extensions > Template Manager > Dimensions

tabber

In the configuration panel, we have 5 groups, each groups controls a single tab. Each group is segregated into 2 distinct parts. These are Tab Title which controls the Tab Title. The second part is Tab Module

Module Slider Height

You will see in the above screenshot, the Module slide height settings. Similarly with the module count In addition to setting the module slider height in the parameters, you will also need to specify a height for the #moduleslider-size in the "template_css.css" as well to ensure that the module slider shows at the proper size.
#moduleslider-size {
	height: 250px;
}
 

Group 1 Tab

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 Tab

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 Tab

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 Tab

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.