Editing Tab Container (Tabs Names)

Tabs are located in the tab container module. This module is in position TOP1. Code of this module is straightforward HTML. It's recommended to switch your WYSIWYG editor to textual mode before editing this module.

HTML view of the tab container module contains tab names. You can edit the tab names here. After that, it contains "calls" for the tabs' content. In this sample, we have 3 tabs. Therefore, we have 3 tab modules (in positions TAB1, TAB2 and TAB3).

<div id="tabs">
        <li><a href="#tabs-1">Hot on Gaming Zone</a></li>
        <li><a href="#tabs-2">Games for Mobiles</a></li>
        <li><a href="#tabs-3">Latest Reviews</a></li>
    <div id="tabs-1">
        {*loadposition tab1}
    <div id="tabs-2">
        {*loadposition tab2}
    <div id="tabs-3">
        {*loadposition tab3}

In the above code, the asterisks (*) before loadposition plugin is added to prevent loading of the modules in this page. The asterisk should be removed in live site.


Editing Tabs Content

As we mentioned, the tabs are actually modules in positions TAB1, TAB2 and TAB3. To alter the tabs' content, you should alter the modules in those module positions as you usually edit modules. By default, this template shows K2 Content modules in the tabs. Also, we prepared some similarly styled modules using Articles - Newsflash (core Joomla module). If you prefer to run site without K2 component, you can disable K2 Content module and enable Articles - Newsflash module in the tabs' module positions.

After you accomplish this method of template installation, your site won't look as our demo. You will probably need a lot of customizations after installation, therefore we strongly recommend you to use HotStart installation method.

  1. Unzip file "hot_gaming_zoneXX.zip" from archive you downloaded after purchase.
  2. In your Joomla admin panel, go Extensions > Extension Manager. See Image 1.
  3. Click <Browse> button and locate file "hot_gaming_zoneXX.zip" on your computer. Click <Upload & Install> button. See Step Image 2.
  4. Once the file has been uploaded on your server, you would get a message as on this image. See Image 3.
  5. Go Extensions > Template Manager, select "hot_gaming_zone - Default" from the list and click Default icon (star in the right column). See Image 4.
  6. Check site frontend. Now you should see your website with a new template.

After the installation procedure, you won't get your website look as this Demo. Maybe you'd need to change positions of your modules according to this guide and change parameters in some of your menus. We recommend HotStart installation.

Once you finish this installation method, you should get exactly the same copy of this Demo site on your server. Let's start!

  1. Unzip file "hot_gaming_zoneXX_hotstart.zip" from the archive you downloaded after purchase. Unzip this archive to your computer.
  2. Using FTP software (such as FileZilla) upload all files and folders to your hosting space. Make sure that folder where you uploaded files is writable by server (chmod 755 or 777).
  3. In browser, open address http://www.your_site_address.com/joomla/index.php (change "your_site_address.com" with your site address, change "joomla" with folder name where you uploaded files, if you uploaded files to the root folder, you don't need this).
  4. Select your language and click Next.
  5. The installer will check your server to find out if it's compatible with Joomla. If you see any parts marked red, please contact your hosting provider to resolve the problem. If all items are green, you can click Next.
  6. You can read Joomla License and click Next.
  7. You should enter MySQL database connection parameters now. Please enter Host Name (usually "localhost"), username, password and database name and click Next. If you get error message, please check database parameters. If you don't know correct parameters, please contact your hosting provider.
  8. On FTP Configuration page, you can enter parameters of your FTP server. This is not necessary and can be entered later, if needed. So, just click Next.
  9. On Main Configuration screen you should enter Site Name, e-mail and administrator's username and password (twice). Click Install Sample Data button. (Otherwise, demo content won't be imported). Once you get "Sample data installed successfully" message, you may click Next.
  10. As the Finish screen says, please remove "installation" folder from your server (use FTP software).
  11. Congratulations, you are done! Click Site button to see your site's frontend, or Admin to see site's backend (login required with username and password that you selected during installation).

Featured Blog Post

Latest Blog Posts