RocketTheme Joomla Templates
     
Home Tutorials Custom Modules
Custom Modules PDF  | Print |  E-mail
Written by Dustin   
Saturday, 26 January 2008 11:44

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

Step One: Installing the Module

  • Download the hivemind_extensions_j15.zip archive from the HiveMind 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.

RokHeadRotator

The RokHeadRotator is a simple module based on mootools that finds images in a defined directory and rotates between them using a crossblend effect. The module configuration parameters are listed below:
  • Module Suffix Enter a Module Class Suffix or leave empty.
  • Include Mootools JS Library: Set to no unless using a template which doesn't have mootools already being called
  • Images Directory This is the path to the folder where the RokHeadRotator will pull your images from.
  • ALT Tag Enter the ALT tag to use for your displayed images.
  • Images Directory This is where the RokHeadRotator will pull your images from.
  • Images Start Choose which image you would like to show first.
  • Auto Play Select whether you want the rotator to start when the page loads.
  • Sort Criteria Choose to display your images alphabetically or by the date they were created.
  • Sort Order Choose to display images by ascending or descending order.
  • Manual Sort Order Enter your manual sort settings here.
  • Image Duration Shows how long an image is displayed.
  • Transitions Duration Shows how long the crossblend transition is between images.

Integrated RokSlide Tabbed Modules

For HiveMind, 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 > HiveMind
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;
}
Last Updated on Friday, 01 February 2008 19:33