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

Left Slideshow @ Slider

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.
   
								
  • HELLO

    I am a modern, minimal, beautiful and pretty Joomla Template.
    Want a lovely big homepage hero image? You’ve got it.

    Read more..

More information about the Slideshow

Search @ Toolbar L

The Search is the search module.

Social Icons @ Toolbar R

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

Text @ Top A

The Top A 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.
   
								

HTML5 & CSS Developer

I am a modern, minimal, beautiful and pretty Joomla Template. Want a lovely big homepage hero image? You’ve got it. Want a grid of your sticky posts on your homepage? You’ve got it. Want a cool and collected minimal design, with gorgeous share overlays, search overlays and a beautiful mobile experience?… then you got it.

Icon @ Top B

The Icon 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 Icons

Top C - Mosaic

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 > Mosaix > Select your Provider
Rok

Rocksprocket Documenation

Skills @ 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.
   
								
215

Projects

1020

Happy Clients

112

Rated 5 Stars

87

Joomla Themes

Timeline @ Bottom A

The Timeline 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.
   
							

Senior Developer

Company INC

Warp Theme Framework

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus vitae sapien porttitor, dignissim quam sit ame. Proin vitae tortor nec risus tristique efficitur. Aliquam luctus est urna, id aliquam orci tempus sed. Aenean sit amet leo id enim dapibus eleifend. Phasellus ut erat dapibus, tempor sapien non, porta urna.

Junior Developer

Company INC

Warp Theme Framework

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus vitae sapien porttitor, dignissim quam sit ame. Proin vitae tortor nec risus tristique efficitur. Aliquam luctus est urna, id aliquam orci tempus sed. Aenean sit amet leo id enim dapibus eleifend. Phasellus ut erat dapibus, tempor sapien non, porta urna.

Entry Level Developer

Company INC

Warp Theme Framework

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus vitae sapien porttitor, dignissim quam sit ame. Proin vitae tortor nec risus tristique efficitur. Aliquam luctus est urna, id aliquam orci tempus sed. Aenean sit amet leo id enim dapibus eleifend. Phasellus ut erat dapibus, tempor sapien non, porta urna.

Entry Level Developer

Company INC

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus vitae sapien porttitor, dignissim quam sit ame. Proin vitae tortor nec risus tristique efficitur. Aliquam luctus est urna, id aliquam orci tempus sed. Aenean sit amet leo id enim dapibus eleifend. Phasellus ut erat dapibus, tempor sapien non, porta urna.

More information about the Icons

Quotes @ 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 > Quotes > Provider or Simple
Rok

Rocksprocket Documenation

Google Map @ Bottom-C

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

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