How to add new javascript and css files to T3 XML layout?

To add new CSS & JS files you have to edit the default layout of your template (default.xml) and add the following code just after the layout opening tag

<!--Extra css load for this layout-->
<!--Extra JS load for this layout -->

1- Make sure that the default.xml is your currently selected layout in the profile setings.
2- Make sure that the CSS/JS files that you added to default.xml are already exist in the CSS/JS folders.

Where are listed all other CSS files and Javascripts of the template
The first set of files to be loaded by the template are actually the Framework’s files which are located at

The second set of files to be loaded are the files in the root directory of the template

The last and the highest priority files to be loaded is the template’s theme files

Quotes about T3

Definitely T3 has shortened the time of implementing a template and restricted time devoted to CSS modification. The thing is that a good framework makes your work faster and you do not need to waste your time on doing the same things repeatedly.

[By using T3 Framework] I am focused on design instead of doing everything from beginning.

T3 makes me forget writing the whole HTML grid structure and most of the CSS part. Adding CSS and JavaScript files is very easy.
[Our clients] like the way they could move the columns around.

JA T3 Framework 2.0 Customization

For Designers, I recommended to start watching from 5:35

Override reminder

  1. files used in themes override the styling of the default design of the template and the core plugin.
  2. if a class is styled twice within a CSS file, the later values will be used.

Limits reminder

  1. you can create unlimited layouts with unlimited block configurations
  2. you can create unlimited profiles with unlimited template settings configurations
  3. you can create unlimited style classes for your XHTML, JAXHTML and JAROUNDED modules, just like the example in the Video 2
  4. you can use your own text color, background-color, border-color, logo, images and graphics to add an unique design to the template

Simplicity reminder

  1. don’t duplicate styling in your theme if the core plugin already use it
  2. use an order of the styling according to the elements’ order
  3. keep the styling simple and optimized so you can improve&update it in time

Comments reminder

  1. it is your custom theme now, so use your own comments for your styling & coding customizations

Updating reminder

  1. avoid altering core files, use whatever file, code or image within your own theme, this makes easy updating the template core files.

Structure & Extensions – Developer Guides for T3

The structure of the framework changed since the introduction of the JA Menu Parameters Plugin. Generally, the template is lighter and faster, core scripts are now hold inside JA T3 Framework Plugin.

The latest release of the JA T3 Framework 1.0 comes with JA Menu Parameters Plugin to solve all SEO related issues and also to make menu management easier.

JA T3 Framework 2.0 Developer Guides

We are going to explore

* The Structure & The Extensions – explore the file & folder structure, purpose of most important files;
* Layouts & Blocks – explore the concept, features and advanced parameters
* Themes – explore the concept, typology, override coding
* Profiles – explore the concept, typology, override coding
* Template Administration – full usage instructions for all panels

Coming soon

T3 Framework 2.0

JA T3 Framework is the third generation template framework developed by JoomlArt for Joomla! 1.5 and above and brings new improvements and features: a new structure, Layouts, Mobile Ready, Right to Left Language Support and a powerful menu system called Mega Menu. The framework itself is our five years experience providing templates for Joomla!, it was developed to shorten the website development.
JA T3 Framework 2.0 is a new version template framework introducing new features: profiles, plugins, themes.

The new framework also comes with a new structure: a light template, a plugin to hold the default design and core scripts, a plugin to manage the template typography, but the plugin to hold menu parameters for Mega Menu have been integrated into the core framework plugin to make the updating easier.