Joomla! How-To's: Templates

One thing I often need to do while developing a template is change certain parts of the template depending on which page I am on. For example, let's say I am developing a template for a site that runs Virtuemart, and I want to have 3 columns on every non-Virtuemart page, and 2 columns on every Virteumart page. A solution that I often like to use is to make the column "collapsable" when the value of "option" is "com_virtuemart". When "option" is equal to "com_virtuemart", that simply means that the Virtuemart component is loaded.

Today I created a blank template for Joomla! 1.5. My main purpose for creating the template was to give myself a basis for creating future templates, since it contains the basic necessary files for creating a template. This template loads the component and the "debug" module position. There are no CSS styles in the template.css file, but the file is referenced in the index.php file. The template is released under the GPL, so feel free to use it however you want in accordance with the GPL.

Click here to download the template.

I just read about the Joomla! CSS Guide over at Joomla.org. It is a new website that spells out all of the CSS classes and id's used in the core Joomla! HTML output. This is a great resource for template designers. Check it out.

Here's a useful little trick if you want to try out and debug a new template on your site while your visitors still see the live template. Simply add "index.php?jos_change_template=new_template_name" to your domain name.

Examples:

• Click here to view HowToJoomla with the SolarFlare template.
• Click here to go back to the HowToJoomla template.
• Click here to view Joomla.org with the SolarFlare template.
• Click here to go back to the Joomla.org template.

I recently worked on a project in which I needed to display the page's title outside of the bounds of the "mosMainBody" command in my template. Before this project, I never even thought about doing that, much less how to do it. Well, I'm happy to report that not only did I figure out how to do it, but I am going to pass it on to you. Here's how you do it.