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.

Scrollmenu

Create a cool "one page" layout! We have included a "smooth-scroll" function where you can scroll from menu item to any "section" where your modules are stored.

Sections where you can scroll to: home, top-a, top-b, top-c, top-d, main-content, bottom-a, bottom-b, bottom-c, bottom-d


top

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

Slideshow @ Headerbar A

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

    Professional Joomla Template

    MORE

  • AMAZING

    Mobile Ready Joomla Template

    Well designed and coded Theme

More information about the Slideshow

Text Left @ 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


  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.
   
								

Our Philosophy

NATURAL PRODUCTS

* * *

Voluptatibus quaerat laboriosam fugit non Ut consequatur animi est molestiae enim a voluptate totam natus modi debitis dicta impedit voluptatum quod sapiente illo saepe explicabo quisquam perferendis labore et illum suscipit

* * *

Image Right @ Top A

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


  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
							

Headline @ Top B

The Headline 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

Rok
  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.
   
								

Discover

OUR SPECIALTIES

Mosaic @ Top C

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

Module Settings

Rok

Headline @ Top D

The Headline 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

Rok
  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.
   
								

Discover

OUR MENU

Strip Module @ Joomla Article

This is a roksprocket in a Joomla Article.

Rok
   
								[module-262]
							

Roksprocket Module Setup

Rok

Headline @ Bottom A

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

Discover

OUR LOCATION

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

Rocksprocket Documenation


Module Setup

Rok

Slider @ Bottom-C

The Slider 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.
   
								
  • I had a few questions about the template and I got a quick reply from the people at joomlaplates.com. Very helpful, thanks!

  • Best support, fast help... Not just comments like please reboot your machine.... Support has very much knowledge! Thanks for your help.

  • Thank you for your assistance. Great and fast Support. Beautiful Templates. Best Regards from Germany

    ...

More information about the Slideshow

Images Left @ Bottom D

The Images 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


Module Setup

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

Demo

Demo

Text Right @ Bottom D

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

Our Service

  • CATERING, DELIVERY


    Voluptatibus quaerat laboriosam fugit non Ut consequatur animi est molestiae enim a voluptate totam natus modi debitis dicta impedit voluptatum quod sapiente illo saepe explicabo quisquam perferendis labore et illum suscipit

  • EVENTS, PARTY, WEDDING


    Voluptatibus quaerat laboriosam fugit non Ut consequatur animi est molestiae enim a voluptate totam natus modi debitis dicta impedit voluptatum quod sapiente illo saepe explicabo quisquam perferendis labore et illum suscipit

    ...

Headline @ Bottom E

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

Discover

OUR BLOG & VIDEO

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

Rocksprocket Documenation


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

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.