Documentation - JS-Based Template Features

JS-based Template Features

LazyLoad Images

LazyLoad is a jQuery plugin which keeps images on your page from loading until they enter the viewport of the browser. On pages which are long and incorporate a lot of images in the content, this plugin can decrease the page load time significantly. You can choose to enable or disable this feature. Also, you can specify images which should not use the feature specifically by adding the class "nolazy" to the <img> tag.


Zoombox (here's the dev site) is a fantastic jQuery-based plugin which allows you to create very nifty zooming lightbox-like effects for any link on your page. This plugin can also be disabled if you wish not to load the script. To use it in your content, simply employ the "zoombox" class.


This template includes our own jQuery-based tooltip script and allows you to customize the look and feel of the tips with css in the templates_css.css file (Search 'Tooltips' ). The script is triggered by adding the class "pjTips" to any element on your page. The title and main text of the tips is delineated by two colons ( i.e. - TooltipTitle :: Tooltip main text. ) This, too can be disabled if desired via the template manager. Here's an example: HOVER OVER ME


Other Template Settings

Show Pure Joomla Footer Logo?

The logo linked to our website can be disabled here.

Show IE6 Warning

This template includes a warning for users of IE6 which will present the following message, as well as links to modern browser downloads, in a lightbox on their screen:

"Did you know that your Internet Explorer is out of date?
Internet Explorer 6 is no longer supported by Microsoft and it has also proven to have significant security flaws. To get the best possible experience using our website we recommend that you upgrade to a newer version or other web browser. A list of the most popular web browsers can be found below."

Show Date/Format

The date can be shown or hidden and formatted in several possible formats.


Social Networking Icons

The social networking icons we've included in this template can individually be enabled or disabled and the message which appears when you hover over them can easily be customized in the template manager. If you wish to create another of your own, we have made the source graphic files available in our downloads section, and you only need to take a peek at the file scripts/pj_social_icons.php to see how to add another linked button. These buttons are styled via the template_css.css file (Search 'Social' )