How Do I Create A Custom HTML Module

Many of the templates we have developed at the website make use of custom HTML modules which are great for displaying text or images inside the modules which you can create and publish at your website.

IMPORTANT : For more information about setting up the custom HTML modules for the template read the installation guide.

To create a custom HTML module complete the following steps

  1. Log into the Joomla administrator area of your website
  2. Select the Extensions menu and Module manager menu
  3. Select the New button to create a new module
  4. Select the Custom HTML option
  5. Setup the module position as show in the screen shots below
  6. After you have setup the module position select the save button to save and publish the changes to the website

Note: Not all templates use a Module Class Suffix and you can leave the module class suffix blank if the module class suffix information is note included in the installation guide.

Joomla 3.3 Screen Shots

Custom Module

Assign

 

Enter

 

 

Optimizing Images For The Slideshow

If you plan to include a number of images in the template slideshow which will be displayed on the home page or other pages at  your site we recommend you optimize / compress the images first to make the images smaller.

Reducing the size of the JPEG images will make your website load faster and give your visitors a better user experience.

Free Image Optimization Sites & Software

The following websites are great for compressing JPEG files and can reduce the size of the image by up to 30% without loosing any image quality.

We recommend visiting all the sites noted below and experimenting with each one to see which one gives you the best result.

JPEG Mini

The JPEG Mini is a free and easy to use site. All you need to do is upload the JPEG image via the website and it will automatically compress the image which you can then download to your computer.

The great thing about JPEG Mini is that you don’t loose the image quality after the image is compressed.

Yahoo Smush It

The image optimizer tool at Yahoo is free and easy to use and produces some good results.

Again all you have to do is select the up loader tab and choose the JPEG image you want to compress.

Once the image is compressed then you can download it to your PC.

Another very useful feature included in Smush It is that you can enter your website address and the tool will scan all the images included in your site and give you the option to compress them.

RIOT

One piece of free software we would recommend you download is called RIOT which stands for Radical Image Optimization Tool. RIOT is free and very easy to use and produces some great results.

From the tests we have competed we have compressed JPEG images by up to 30% without loosing any image quality.

RIOT is compatible with Windows 2000, XP, Vista, Windows 7

How Do I Add The Google Analytics Code To The Template

Google Analytics is a powerful reporting tool which you can use to understand where your web site traffic is coming from plus it will give you a better understanding about your web site visitors behavior and help you to make improvements at your Joomla site.

Why should you use Google Analytics

  1. It’s free to use
  2. Provides you with detailed reports about where your traffic is coming from including demographics, technology used, visitors flow plus much more all of which can be easily accessed via the online reporting tool
  3. You can get a better understanding of your website visitor behavior patterns. For example which page they most visited, which page did they exit at, how long they spent on a page and lots more
  4. You can make improvements to your website based on the reports generated by the reporting tool
  5. Its easy to add the Analytics code to the Joomla template

Step 1 Create a new Google Analytics account

  • Visit the Google Analytics site and create a new account
  • Once you have created the new account log into the website
  • Select the Admin button located in the top right menu
  • Click the new account button to create the new account for your website
  • Complete all the fields for the account
  • Select the create new account button located at the bottom of the form

Step 2 How do I get the Analytics code

  • From any Analytics page select the Admin button
  • From the account administrator area select the property (account profile name you setup for the website you want to track)
  • You will now see a number of tabs, select the tracking info tab as show in the screen shot below

Tracking Code

  • Open up the Notepad application on your computer
  • Copy the code from the analytics page and paste the code into Notepad
  • The reason why we advise you to use notepad is because it is a raw editor and will not generate any unwanted, rogue code when you are copying and pasting code.

Step 3: How do add the Analytics code in the Joomla template

All the templates we have released at the website for Joomla 3.3 plus some of the latest templates we have created for Joomla 2.5 allow you to easily add the analytics code via the built-in control panel.

For more information read the how do I update the header and footer code article in the knowledge base

If you are using one of the templates which use version 1 of the control panel please follow the instructions noted below.

  • Open the FTP software you have installed on your computer
  • Connect to your Joomla site via FTP
  • Browse to the /templates/template-name/ directory
  • Change the template-name to the name of the template you have downloaded at this website
  • Download the index.php file to your computer
  • Before making any changes to the index.php file make a backup of the file first on your computer
  • Open the index.php file using Notepad and search for closing head tag </head> included in the template index.php file
  • Copy and paste the Analytics code just before the closing head tag </head> as shown in the screen shot below

Code

  • Save the changes to the index.php file
  • Upload the updated index.php file using the FTP software to the /templates/template-name/ directory

You have now successfully included the Google Analytics code in the template.

If you need any help with the above please log into the website and open a support ticket.

Template zip Package Contents

All the template zip packages we have released at the website are structured in the following way to make it easy for you to quickly access all the information you need.

Structure

Zip File Contents

  1. Joomla – The Joomla directory includes the template zip file for the latest version of Joomla
  2. Photoshop Files – This directory include the Adobe Photoshop PSD used to create the design
  3. Template Images – This directory includes all the images we have used for the design
  4. Template Install Guide – The directory includes a step by step installation guide which will guide you through installing and setting up the template at your website.
  5. Template Quick Start – The directory includes the quick start files and installation guide to help you setup the quick start package.
  6. Photoshop Files – Directory includes the Adobe Photoshop source files

How Do I Change The Login And Register Buttons Text

To change the log in and register buttons text which appears at the top of the template complete the following steps outlined in this document

Login

How do I change the log in button text

  1. Log into the Joomla administrator area of your website
  2. Select the Extensions menu and Module manager menu
  3. Open the log in module you have published to the loginform module position
  4. Change the title for module to the text you want to appear in the login button
  5. Show the title for the module
  6. Save the settings
  7. The button will now display the text you have entered into the module title field

Module Title

  1. How do I change the Register button text
  2. Open the FTP software you have installed on your computer
  3. Download the template index.php file to your computer
  4. Make a backup of the index.php file first before making any changes to it
  5. Open the index.php file using notepad.exe installed on your computer
  6. Look for this code <?php echo JText::_('Register');?>
  7. Replace the Register text between the ‘ ‘ with the text you want to appear in the button.
  8. For example it could look like this <?php echo JText::_('Register A New Account'); ?>
  9. Save the changes to the index.php file
  10. Upload the updated template index.php to your website

 

If you have any questions about the above please feel free to open a support ticket at the website