Thank You for purchasing this awesome template!

If You have any questions that are beyond of this user guide, please feel free to text me. I would be glad to help you if you have any questions relating to this theme. No guarantees, but I'll do my best to assist

Table of contents

  1. How to install only theme?
  2. How to install complete site?
  3. How to change logo?
  4. How to hide the control panel?
  5. How to Manage News Show Pro GK4?
  6. How to Manage Tabs GK4 module?
  7. How to install DFCONTACT Component?
  8. How to install AcyMailing Starter (Newsletter) Component?
  9. How to Understand Eatoreh Module Positions
  10. How to Manage Google Map Module in Contact Page
  11. How to Create Portfolio page
  12. T3 Framework 2.0 Documentation
  13. Credits

How to install only theme?Top

Installation eatoreh Template is easy and quick. Before installation you need to download latest version of Ja T3 System Plugin for Joomla 1.5.

Install this like a standard Joomla extensions (Extensions - Install/Unistall).

Afterwards you can install eatoreh Template. Please go to: Extensions Manager Find file on your computer browser and click "Upload and Install". Next go to: Extensions Manager - Template Manager choose eatoreh - Default and click "Make Default". Refresh your site.

make default theme

make default theme

How to install complete site?Top

Quickstart = Joomla + eatoreh Template + Demo Content. After installation you'll see complete site like a Demo Site. If you've already had a website based on Joomla with your own content read article: Template Installation

Installing Quickstart package is quite easy as you install normal joomla!. Please follow these steps:

  1. You will have 2 options:
    • Upload the file to your host and extract it using cPanel or other File Manager Tools if possible.
    • If the option above unavailable, you can extract the file on your computer, and upload all files to your host using FTP client program such as filezilla.
  2. Start installation by typing your URL to the directory you have placed quickstart files. The installation page should be appeared as normal Joomla! installation.

  3. Complete Install

    Complete Install

    Complete Install

    Complete Install

    Complete Install

    You're now in the end of installation process, and then you must now directly remove the installation folder.
    But, Sometimes this process could not write to the configuration.php file. So you should have this below image, and follow the instruction

    Complete Install

    Complete Install

  4. Login into your administrator panel using "admin" as username and using a your password.

Create your own logo image in png format. Save this image as "logo.png" and upload to images directory of eatoreh Template (path: Next you need edit code in setting.css file (located on: And change width and height of your logo image:

						/* --------------------- LOGO HEIGHT AND WIDTH -----------------*/
h1.logo a{
	width: 193px; 	/*width of your logo image*/
	height: 67px; 	/*height of your logo image*/

How to hide the control panel?Top

Go to admin panel of your template: Extensions - Template Manager - eatoreh Default - LAYOUTS.

Removing Cpanel Feature

Delete the fallowing code:

			<block name="cpanel" type="usertools/cpanel"></block>

Save. You need do the same for the other layouts.

How to Manage Tabs GK4 Module?Top

Tabs GK4 module is the follower of Tabs Manager GK3 component and of GK tab module. As it was in case of Image Show GK4 module, it combines component and module features and it allows to manage tabs directly from a module level.

Basic settings involves ID and suffix of a module. “Module height” option is an important parameter – it determines the maximum height of a module contents.

We can manage tabs with “Your Tabs” tab:

To add a new element, we have to click „Add New Tab” button:

The image above presents a form of adding a tab which includes XHTML code. If we pick a module as tab’s content, the form will look as follows:

We have to remember that in case of not using templates for Joomla! 1.6 of our company, we have to add the following code to a <positions> tag in templateDetails.xml file:


Due to this, tab1-tab10 modules’ positions will become available in our template. It is important because modules placed in these positions are not ghosted in other parts of a site.

After clicking a specific element in the list or after clicking an edition button we will see an edition form of a target position:

ATTENTION! It is important to remember that all operations done on elements of a list are saved only after saving settings of a whole module. Thanks to this, in case of performing wrong operations on elements of a list, it is enough to refresh an edition page of a module to recover the original data.

Another group of settings is set by interface settings:

By using these settings we can define tabs position(“Tabs position” option), switch on/off “prev” and “next” buttons on sides of a module (“Buttons prev/next” option) and choose a module style (If our template does not contain Tabs GK4 module’s support)

We can also configure module’s animation styles:

Due to his configurations we can decide whether a tab will be activated after clicking it or after targeting its area (“Animation activator” option). “Auto animation” option switches on an automatic tab animation which changes a module’s content, depending on how we set an interval between contents by “Animation interval” option or speed of an animation by “Animation speed” option.

To set the type of animation we use “Animation type” and “Animation transition” options – the first one defines properties used within an animation and the second option defines the display and dynamics of an animation.

The last group of settings looks as follows:

“Use CSS” and “Use script” options are quite typical for different modules of ours. It needs to be mentioned that if a template supports styling in Tabs GK4 module, “Use SCC” option should be switched off.

Due to “Tab selection from URL” option, by using the address we are able to decide about which tab will be opened as first. To do this, we add gktab variable to an address, e.g.

In this case, the third tab will be displayed as first.

We can also switch on “Tab selection from cookies” option – when it is on, the first tab to be opened will be the one which was opened as the latest (each information about opening a tab is saved in a cookie file).

Due to „Parse plugins” option we can decide whether plugins’ options in a module will be displayed or not.

How to Manage News Show Pro GK4?Top

News Show Pro GK4 is a complex module for presenting content. Thanks to extended options, it allows to adjust content look very easily.

Basic module settings are in “Basic Settings” tab:

Except specifying module suffix and ID, we can specify module width in per cents and define font size to Basic size.

The next group of settings are parameters connected with the choice of data source and its filtering:

Data source can be Joomla! categories or articles chosen by a user. In the case of categories, it is enough to choose categories from multiple choice list whereas when we want to present articles chosen, a list of their IDs separated with a coma has to be given, e.g. 233, 25, 122, 145.

“News order” and “News sort order” options are for specifying the way of sorting articles. Thanks to “Show article created after” option, it is possible to specify the oldest article to be presented. “Show frontpage items” option allows to display or hide articles which are marked as “Featured” and thanks to “Frontpage items only” option, it is possible to present those articles only. When “Show unauthorized items” option is on , we can display articles to which normally a user does not have access because of permissions and then, after clicking links to these articles he/she will be asked for log in.

“First news number” option allows to specify from which article in a given articles collection data will be presented. It is useful when we have more than one module operating on the same articles collection but we want to divide this collection in two between two modules – then, the first module displays articles from the first one to X number and the second displays articles from X number to the end.

The greatest options group are article layout options:

In the first part of these settings we can specify the amount of pages with articles and amount of columns and rows on one page. So the total amount of articles loaded is:

amount of pages with articles * amount of columns * amount of rows

In “Pagination” option, it is possible to choose one out of four pagination interface style with articles.

Next options are connected with particular articles elements:

Options seen above allow to define articles headers look: amount of text, header link, text layout and its float.

Images options allow to define whether it includes a link to article and its positioning.

Similarly as it is with a header, in text articles options it is possible to specify text positioning, switch on/off a link to article and specify the amount of text displayed.

Each article can display two information blocks. For each, we can specify displayed data format. It is enough to give one of the following sequences:

At the end of this group of options, there are options connected with elements order:


It is possible to specify in each element its order or switch it off completely. Additionally, it is possible to add spaces between articles in “Article block padding” option.

The next group of settings are links parameters which are the complement of article content displayed:

Similarly, as it is with articles, it is possible to specify the amount of pages with links, the amount of lines (in this case “Amount of links’)and the amount of columns with links. It looks the same in the case of links pagination.

Additionally, we can specify blocks margins with links and their position towards articles (“Links position”). In each link, it is possible to show article’s short description (“Show links description”) and specify title text limit and its description.

Thumbnails configuration presented in a module is a separate group of options:

„Create thumbnails” option allows to switch on a system of generating thumbnails. The way of generating them are defined by the remaining options. Thanks to “Keep aspect ratio” we will always have images adjusted best to “Thumbnail width” and “Thumbnail height” sizes. “Thumbnail background” option specifies background color displayed in images when the image does not cover fully an area given (and “Thumbnail stretch” option which stretches images to sizes given is off). “Thumbnail quality” option specifies a compression level. “Cache time” is a very important option – it prevents from generating thumbnails in every page request.

All thumbnails are stored in a module cache/ catalog. Additionally, if a given article does not have images, default images default.MOD_ID.png from default/ catalog can be loaded, where MOD_ID is an ID of our module, e.g. newsprol.

The next to the last group of settings are additional settings:

The first five options are connected with pages with data animation. “Autoanimation” option allows to switch on auto animation and its speed and transitions are defined by “Animation speed”, “Animation interval” and “Animation transition” options. Thanks to “Hover animation” option, it is possible to switch on animation activation after moving a cursor on a pagination button (normally, it requires clicking on this button).

In options from “Article content” group, it is possible to specify symbols displayed at the end of “End of text” short text and switch on cleaning (X)HTML tags (we recommend to use this option in order to avoid problems with page validation). Additionally, it is possible to specify whether plugins from article content be parsed (“Parse plugins”) or whether plugins tags are removed automatically (“Clean plugins”).

The last group presents options connected with external files:

We can enforce to use default module CSS style thanks to “Use default CSS” option – it has to be remembered that in the case of templates which support News Show Pro GK4 module, this option has to be switched off.

In “Using JS module” option, it is possible to specify the way of adding module scripts. In the case of greater amount of module instances on the page, the safest option to use will be “Automatic” mode.

How to install DFCONTACT Component?Top

DFContact is a Joomla! contact form component which is extremly easy to configure and has captcha support using reCAPTCHA. It displays your contact data and a contact form on one page. You can easily configure which input fields are displayed and whether they are mandatory or optional. And follow these below steps to install and configure it:

  1. Login to the administration area
  2. Click "Extensions", "Extension manager" in menu
  3. Your choice:
    1. Upload Package File: Download latest version from "" to your harddrive, select as "Package File"
    2. Install from URL: At "Install URL" enter ""
  4. Click "Install"
  5. Click "Components", "DFContact" in menu
  6. Enter your eMail-Adress as "Destination email"
  7. Click "Save" in action bar
  8. Click "Menus", "Main menu", "Add new menu item" in menu
  9. Next to "Menu Item Type" click "Select" and select "DFContact"
  10. Set "Menu Title" to a name of your choice (maybe just "Contact form")
  11. Click "Save & Close" in action bar

How to install AcyMailing Starter (Newsletter) Component?Top

AcyMailing is a Joomla component allowing you to maintain real communication with your contacts via e-mail marketing, newsletters, follow-up autoresponders, marketing campaigns, etc. It is seamlessly incorporated into Joomla and provides professional features enabling you to keep you in permanent contact with your subscribers

And You can follow the Installation and more detail explanation about this component through this site

How to Understand Eatoreh Module PositionsTop

Please follow these below steps to know all module positions are used in this templates :

  1. Login to the administration area
  2. Please go to template manager and click option
  3. You would have pop up box with two tabs, 1st one is template and 2nd one is permission, You should choose templates tab
  4. then click enabled Preview Module Positions, and then click save and close
  5. Please make sure, you have enabled "Enable Template Information" in global tab of template parameter

    module positions

  6. afterwards, you go to your site and call your site like this then you’ll have all information about module position that is used in this template. Then will see your website like this image below:

    module positions

How to Manage Google Map Module in Contact PageTop

JGMap displays a Google Map in any Joomla module position. The module parameters makes it easy to change width, height, position and zoom level of the map. Ability to optionally add default controls and easy marker placement can be displayed on the final map. And the new version for Joomla 1.6 has some extra configuration options that allows the user to easily search for the map's location and placement of marker. So, Please follow these below steps to know about How to Manage Google Map Module in Contact Page :

  1. Login to the administration area
  2. Install the JGMap - Google Map
  3. Set module parameter : Width, Height, Map Name, Map Type, Small Map Control, Navigation Controls, Static Map Position, Non-StaticStatic, Latitude, Longitude, Zoom Level, Default Map Location

    PS : Width module will not work, because I've add an extra css line to set a full width map, please see step 6 for further information
  4. Publish it in sliderload position, and make sure this module only publish on your contact menu or whereever page that you want to publish this module
  5. Then click save to store your setting
  6. Go to template manager, choose eatoreh, then on Global tab - Profile Override Setting (if you're running under Joomla 1.5) or Page Assignments (If You're running on Joomla 1.6), pick a page then set its profile to "Contact"
  7. Then Click Apply or save and done
  8. If you do not really like full width style like in demo site, you could open extentions.css in css folder and edit line 52

    							#map{width:100%!important; margin-top:-30px; margin-bottom:-40px!important;}

    And now you could change into

    							#map{margin-top:-30px; margin-bottom:-40px!important;}

How to Create Portfolio pageTop

Creating Portfolio page is so easy. We just only neeed 2 types of module. GK tab and News Show Pro GK4. So, please follow these below steps

  1. Login to the administration area
  2. Create New Menu, Choose Featured Menu Type (for Joomla 1.6) and Frontpage Menu Type (For Joomla 1.5). And on Basic Parameter (Joomla 1.5) or Layout Options (for Joomla 1.6), please Set all its leading, intro, column and links article into zero (0), then click save.
  3. Install GK Tab and News Show Pro Gk.
  4. Setting GK Tab and News Show Pro Gk.
  5. Assign GK Tab to your destination menu, for example Portfolio menu that is just created.
  6. Afterwards, to have full width page, you need to go template manager, chose eatoreh, and pick portfolio menu to have full width profile.

T3 Framework 2.0 DocumentationTop

Look documentation of T3 framework 2.0.

Videos of T3 framework 2.0:

  1. T3 Framework 2.0 Overview
  2. Themes and Layouts


  1. T3 Framework 2.0
  2. Tabs GK4
  3. Akeeba Backup
  4. DFContact Component
  5. AcyMailing Starter Component
  6. News Show Pro GK4
  7. JGMap
  8. ARI Image Slider

Thank you for purchasing « Eatoreh Premium Joomla Template ». If You have any questions that are beyond the scope of this guide, please feel free to text me.