Light Responsive Template for Joomla 3.x

The Aqua3 template has the following parameters which can be accessed through Extensions > Template Manager > Aqua3:


Note upfront:
Two Javascript Frameworks are provided as part of Joomla 3.0; JQuery and Mootools. JQuery is the newly introduced framework which integrates with Joomla's new Bootstrap HTML framework; Mootools is Joomla's legacy Javascript library which is now superseded by JQuery and is included for backwards compatibility with 3rd party extensions.
As of Joomla 3.0 it is highly recommended you use the JQuery framework for all your Javascript as it is loaded by nearly every template which uses the Bootstrap HTML/CSS framework. In those few instances where JQuery is not available, you can easily include the framework using the JHTMLJQuery class' framework method.

Load MooTools?

Load the MooTools JavaScript library that is included with Joomla? Please note that MooTools may still be needed for front-end editing to work! If it is not in use you can save a lot of KB by not loading it. Setting this to no will also disable caption.js. By default Joomla 2.5 and 3.0 come with MooTools integrated through the core system files. For some websites (and templates) this is helpful, for others it's unnecessarily bloating the size of each and every page load by 400 KB!

One of the biggest changes in Joomla 3.0 is the introduction of JQuery. Mootools is still included with 3.0, but without Mootools 1.2 support anymore. Running two javascript libraries on the same site is not a good idea and will heavily affect the performance of the site. Since Joomla has begun the transition over to JQuery, it is assumed that Mootools will soon be removed.

MooTools (and/or MooTools More) may be needed for frontend login, front end user registration and front-end editing. It may also be required for the Kunena forum component (if you use that). The Aqua3 template parameters enable or disable MooTools for the enitre site (all components, modules and plugins). If you need more granular control on loading MooTools or not, you can use the MooTools Enabler/Disabler (available from the JED), which allows you to specify the loading or not per Menu Item.
As of Joomla 3.4 the Mootools library is no longer loaded by default. Each extension has to define if it is going to work with Mootools.  The library is not removed, it just not loaded by default. It is still available for other extensions, but each extension must decide itself which scripts need to load.

Load JQuery?

Load the minified version of JQuery (1.8.3) from Google? The version can be changed in logic-minified.php. See for available libraries.
NOTE: Joomla 3.x has JQuery integrated in the core, so this is not really necessary. But if you set this to YES, then the Google JQuery version will be loaded AFTER the one in /media/jui/js/ and thus take precedence.

Load Modernizr?

Modernizr is a JavaScript library that detects which features a browser supports. It currently checks 18 CSS3 features and more than 40 HTML5-related ones by examining how the browser responds to a series of tests. This is much more reliable than the outdated practice of checking the browser's name (browser sniffing).

When used to detect support for CSS3, Modernizr requires no knowledge of JavaScript. You simply attach the file to your web page, and it dynamically adds a set of classes to the html element depending on the browser's capabilities. The class names are standardized and self-explanatory. For example, the boxshadow class is added if the browser supports the box-shadow property; otherwise no-boxshadow is added instead. All you need to do is to create a style sheet that uses these classes to serve appropriate styles to the browser. See for details.

Support bad browsers?

Enabling this will load some additional JavaScript to add media query support and CSS3 psuedo selectors to browsers that don't natively support them (IE8 and below). The scripts will only load when the browser is IE Mobile and below IE9.

Internet Explorer 8 does not support media queries!
Internet Explorer 8 was introduced in March 2009, is now 4,5 years old and quite archaic in browser terms.
Because this template is built "mobile-first" and then uses media queries to scale up, this means that without any further actions IE8 will render the site as if it was a 320px wide mobile device, even when displayed on a wide desktop environment.
Therefore, if you want to support Internet Explorer 8 (and lower) for your website visitors, you will need to set both "Load Modernizr?" and "Support bad browsers?" to YES in the template options.
Even better would be to advise Windows XP users to install one of the many available browsers for XP which are modern and up to date (and a lot safer!), like FireFox, Opera, Chrome or Safari.

Load custom scripts?

Load the files scripts.js and plugins.js from the /js folder? If you want to add scripts place them inside these files and then load them here, rather than using individual files.

Hide main on frontpage?

Whether or not to hide the main content area on the front-page. Useful if you want to create a clean homepage without content articles showing.

Load Bootstrap framework?

Optional loading of the Joomla Bootstrap framework (will also load bootstrap.min.js and jquery-noconflict.js). Loading this framework is only needed if you want to use the Bootstrap layout styles in your content. External components and modules can load the framework themselves even when this is set to no.
WARNING: setting this to NO will also disable dropdown buttons (like for print, email, edit). And you will need to create content overrides yourself for each 3rd party extension using bootstrap. Default = YES.

Load Bootstrap css?

Optional loading of minified Bootstrap stylesheet. Recommended setting is YES as many components will use this styling.

Load Bootstrap RTL css?

Optional loading of minified RTL Bootstrap stylesheet and Bootstrap bugfixes. Only loads when language direction = RTL.

Load Custom css?

Whether to load a Custom css with your own style tweaks. In the aqua3/css folder there is a file called custom.css which is loaded after all other stylesheets and will therefore apply your own definitions over the standard ones. The file custom.css can be used to store any style modifications you want to apply to the standard stylesheet, without having to fiddle with the standard stylesheets themselves. By making a backup of that file and reinserting it later, you can make sure that your changes survive any future template updates.

Google generator metatag

Customise the generator meta tag output into the page source by your template (which otherwise always shows "Joomla! - Open Source Content Management").

Google verification meta

Change Content_string_Google_gives_you to the meta content value Google gave in their code. You only need the content value, not the complete code.

Google Analytics ID

Change UA-XXXXX-X to be your site's ID.

Google Web Fonts collection

Paste in the link to the Google Web fonts collection that you want to be available to use in template.css. Visit, build a collection and then copy the link here.

TRANSLATIONS: All entries in the template options (labels, descriptions and tooltips) have been provided with language strings and language files, so they are easily translatable. English and Dutch language are included with the template (folder /templates/aqua3/language), just copy, rename to your language code and translate the entries to make the template options available in your language.

RDC Web Design | Copyright © Aqua3, 2020