How to Create Template Overrides in Joomla 3

Teacher: Barb Ackemann
Length: 1.2 hours
Level: Intermediate
Certificate: Finish lessons and pass the quiz with 70%

Table of Contents

Description

Exercise files

Teacher

Overview

Introduction to Joomla Template Overrides

Setup for Template Overrides

Install and Configure Breeze

File Structures

Creating Overrides

Overrides in Joomla Templates

More About Override Files

Example

Contacts Component

Set up the Example

Create the Override

Adding the Photo

Improving the HTML

Adding Custom CSS

Renaming Files

Language Overrides

Summary

Joomla 3 Template Overrides Quiz

One of the great features of Joomla is that you can change the output from any extension by ausign template overrides. In this class, Barb takes you through the process of creating overrides

Barb takes you through a detailed example, showing you many aspects of template overrides. Barb creates a photo directory view for the contacts component showing thumbnail images and names for each contact in a category.

Download the exercise files:

JTO-images

Breeze Template

Barb Ackemann

Site Email

After 28 years in public education, as classroom teacher, librarian and computer coordinator, Barb went into business for herself. She completed the Marlboro College Graduate School's MSIT program in 2006, receiving the President's Award for her capstone project - a Joomla! 1.0 site. She's been building open source CMS websites ever since.

Barb's background in library science supports an approach to web development that combines art, craft and puzzle-solving. She's happiest figuring out how to get database driven websites to deliver just what her clients need.

She has taught web coding and content management systems at the graduate and undergraduate levels. When not at her computer, you may find her working in her Vermont garden, playing Celtic tunes on a mandolin, or melting glass!

Classes by this teacher

Name

Level

How to Design Joomla Template Classes and Styles

Intermediate

How to Use CSS to Design Text

Beginner

The Beginners Guide to CSS

Beginner