Template Documentation


First of all, thank you so much for purchasing this template and for being my loyal customer. You are awesome!
You are entitled to get free lifetime support from Joomlaplates directly.

This documentation is to help you regarding each step of customization. Please go through the documentation carefully to understand how this template is made and how to edit this properly. Basic HTML and CSS knowledge is required to customize this template.

Requirements

You will need the following softwares to customize this template.

  1. Code Editing Software (eg: Dreamweaver, Sublime Text or Notepad)
  2. Web Browser for testing (eg: Google Chrome or Mozilla Firefox)
  3. FTP Tool to upload files to Server (eg: FileZilla)

Be careful while editing the template. If not edited properly, the design layout may break completely.
No support is provided for faulty customization.

Module Positions

Mobile Menu Module Layout
This theme comes with a lot of module positions. The blue module positions allow to choose a module layout which defines the module alignment and proportions:
parallel, first doubled, last doubled or stacked.

Mobile Menu Column Layout
The two available sidebars, highlighted in red, can be switched to the left or right side and their widths can easily be set in the theme administration. For modules in the blue and red positions you can choose different module styles. Take a look at the module variations page to get an overview.

Icon Menu @ Absolute

The Icons are a simple custom module.

Video HowTo


Please make sure, that you have disabled the Joomla Tiny editor while you insert the html code.

Ooops! My source was cleansed


top
  1. Go to Extensions » Modules Manager.
  2. Click on New.
  3. Select a Custom HTMLmodule.
  4. Click Source Code
  5. And insert the html code below to the Custom Output field.
   
								
								



More information about the Icons

Phone & Link @ Toolbar L

The Slideshow is a simple custom module.

Video HowTo


Please make sure, that you have disabled the Joomla Tiny editor while you insert the html code.

Ooops! My source was cleansed


top
  1. Go to Extensions » Modules Manager.
  2. Click on New.
  3. Select a Custom HTMLmodule.
  4. Click Source Code
  5. And insert the html code below to the Custom Output field.
   
								 +49 (0)1234 5678910
								 support@joomlaplates.com
							

More information about the Icons

Social Icons @ Toolbar L

The Slideshow is a simple custom module.

Video HowTo


Please make sure, that you have disabled the Joomla Tiny editor while you insert the html code.

Ooops! My source was cleansed


top
  1. Go to Extensions » Modules Manager.
  2. Click on New.
  3. Select a Custom HTMLmodule.
  4. Click Source Code
  5. And insert the html code below to the Custom Output field.
   
								
								
								
								
							

More information about the Icons

Logo @ Top A

The animated Logo is a simple custom module.

Video HowTo


Please make sure, that you have disabled the Joomla Tiny editor while you insert the html code.

Ooops! My source was cleansed


top
  1. Go to Extensions » Modules Manager.
  2. Click on New.
  3. Select a Custom HTMLmodule.
  4. Click Source Code
  5. And insert the html code below to the Custom Output field.
   
								

MAXIMUM

Joomla Template

More information about the Animation

Slideshow @ Top A

If the "roksprocket" extension is already installed, follow with Step 2 > Module Setup

Step 1

Download the latest module version of this module from Rockettheme here:

Download the Module

  1. Install the module - Instruction
  2. Extensions > Install > Select the file you have downloaded

If you want to have the same Look and Feel as shown on our demo, please use the settings shown below:

Step 2

  1. Extensions
  2. Module Manager
  3. New
  4. RokSprocket > Pick a Layout > Features > Simple
Rok

Rocksprocket Documenation

Logo @ Top B

The animated Logo is a simple custom module.

Video HowTo


Please make sure, that you have disabled the Joomla Tiny editor while you insert the html code.

Ooops! My source was cleansed


top
  1. Go to Extensions » Modules Manager.
  2. Click on New.
  3. Select a Custom HTMLmodule.
  4. Click Source Code
  5. And insert the html code below to the Custom Output field.
   
								

MAXIMUM

Joomla Template

More information about the Animation

Text @ Top C

The Text is a simple custom module.

Video HowTo


Please make sure, that you have disabled the Joomla Tiny editor while you insert the html code.

Ooops! My source was cleansed


top
  1. Go to Extensions » Modules Manager.
  2. Click on New.
  3. Select a Custom HTMLmodule.
  4. Click Source Code
  5. And insert the html code below to the Custom Output field.
   
								

Modern Design

Our themes have been built for end-users, simplicity and style merged with an easy customizable design create just what every designer is looking for - a perfect starting point for your next project!

Image Left @ Top D

The Image is a simple custom module.

Video HowTo


Please make sure, that you have disabled the Joomla Tiny editor while you insert the html code.

Ooops! My source was cleansed


top
  1. Go to Extensions » Modules Manager.
  2. Click on New.
  3. Select a Custom HTMLmodule.
  4. Click Source Code
  5. And insert the html code below to the Custom Output field.
   
								Demo
							

Text Right @ Top D

The Image is a simple custom module.

Video HowTo


Please make sure, that you have disabled the Joomla Tiny editor while you insert the html code.

Ooops! My source was cleansed


top
  1. Go to Extensions » Modules Manager.
  2. Click on New.
  3. Select a Custom HTMLmodule.
  4. Click Source Code
  5. And insert the html code below to the Custom Output field.
   
							

We love Joomla
And we love Designs

Joomla! is an award-winning content management system (CMS), which enables you to build Web sites and powerful online applications. Many aspects, including its ease-of-use and extensibility, have made Joomla! the most popular Web site software available.
Best of all, Joomla! is an open source solution that is freely available to everyone.
Joomla! is the most popular open source CMS currently available as evidenced by a vibrant and growing community of friendly users and talented developers. Joomla's roots go back to 2000 and, with over 200,000 community users and contributors, the future looks bright for the award-winning Joomla! Project..

Mosaic @ Top E

If the "roksprocket" extension is already installed, follow with Step 2 > Module Setup

Step 1

Download the latest module version of this module from Rockettheme here:

Download the Module

  1. Install the module - Instruction
  2. Extensions > Install > Select the file you have downloaded

If you want to have the same Look and Feel as shown on our demo, please use the settings shown below:

Step 2

  1. Extensions
  2. Module Manager
  3. New
  4. RokSprocket > Pick a Layout > Mosaic > Select your Provider or Simple
Rok

Rocksprocket Documenation

Strips @ Top F

If the "roksprocket" extension is already installed, follow with Step 2 > Module Setup

Step 1

Download the latest module version of this module from Rockettheme here:

Download the Module

  1. Install the module - Instruction
  2. Extensions > Install > Select the file you have downloaded

If you want to have the same Look and Feel as shown on our demo, please use the settings shown below:

Step 2

  1. Extensions
  2. Module Manager
  3. New
  4. RokSprocket > Pick a Layout > Strips > Provider or Simple
Rok

Rocksprocket Documenation

Slideshow @ Bottom A

If the "roksprocket" extension is already installed, follow with Step 2 > Module Setup

Step 1

Download the latest module version of this module from Rockettheme here:

Download the Module

  1. Install the module - Instruction
  2. Extensions > Install > Select the file you have downloaded

If you want to have the same Look and Feel as shown on our demo, please use the settings shown below:

Step 2

  1. Extensions
  2. Module Manager
  3. New
  4. RokSprocket > Pick a Layout > Features > Simple
Rok

Rocksprocket Documenation

Strips @ Bottom B

If the "roksprocket" extension is already installed, follow with Step 2 > Module Setup

Step 1

Download the latest module version of this module from Rockettheme here:

Download the Module

  1. Install the module - Instruction
  2. Extensions > Install > Select the file you have downloaded

If you want to have the same Look and Feel as shown on our demo, please use the settings shown below:

Step 2

  1. Extensions
  2. Module Manager
  3. New
  4. RokSprocket > Pick a Layout > Strips > Provider or Simple
Rok

Rocksprocket Documenation

Text @ Bottom C

The Slideshow is a simple custom module.

Video HowTo


Please make sure, that you have disabled the Joomla Tiny editor while you insert the html code.

Ooops! My source was cleansed


top
  1. Go to Extensions » Modules Manager.
  2. Click on New.
  3. Select a Custom HTMLmodule.
  4. Click Source Code
  5. And insert the html code below to the Custom Output field.
   
								

SECTION BACKGROUNDS

Each Section, where the modules are stored

may have a background image with nice "cover" effect

Contact @ Bottom D

The Contact is a simple custom module.

Video HowTo


Please make sure, that you have disabled the Joomla Tiny editor while you insert the html code.

Ooops! My source was cleansed


top
  1. Go to Extensions » Modules Manager.
  2. Click on New.
  3. Select a Custom HTMLmodule.
  4. Click Source Code
  5. And insert the html code below to the Custom Output field.
   
								

Contact us

USA Company

New York, Road 45

Phone: 0900.123456

Mail: info@mail.com

Mo-Fr: 10.00 - 18.00

Contact Form

More information about the Lightbox

Google Map @ Map

The Map is a simple custom module.

Video HowTo


Please make sure, that you have disabled the Joomla Tiny editor while you insert the html code.

Ooops! My source was cleansed


top
  1. Go to Extensions » Modules Manager.
  2. Click on New.
  3. Select a Custom HTMLmodule.
  4. Click Source Code
  5. And insert the html code below to the Custom Output field.
   
								
							

Setup the Google Map