Skip to main content
Version: 5.3 (Upcoming)

Step 2 Adding a tmpl file

Introduction

In this step we add a tmpl file to the module, and introduce the Joomla concept of template overrides.

The source code is available at mod_hello step 2.

tmpl file and Template Overrides

We change our simple statement echo "<h4>Hello</h4>"; to the following:

mod_hello/src/Dispatcher/Dispatcher.php
<?php

namespace My\Module\Hello\Site\Dispatcher;

\defined('_JEXEC') or die;

use Joomla\CMS\Dispatcher\DispatcherInterface;
use Joomla\CMS\Helper\ModuleHelper;

class Dispatcher implements DispatcherInterface
{
public function dispatch()
{
$hello = "Hello";

require ModuleHelper::getLayoutPath('mod_hello');
}
}

And we add in a tmpl subdirectory the file default.php:

mod_hello/tmpl/default.php
<?php
defined('_JEXEC') or die;

?>

<h4><?php echo $hello; ?></h4>

This is a lot more complicated than before! Why do it this way? The answer is that it supports template overrides.

When Joomla outputs HTML like this it separates out into a tmpl file the PHP which is responsible for echoing the HTML elements. This then makes it possible for website administrators or developers to change the form of the HTML which is output.

For example, in the case of mod_hello an administrator might prefer the HTML output to use <h3> tags instead of <h4>.

Once this version of mod_hello is installed you can go to System / Site Templates and then click on Cassiopeia Details and Files (assuming you're using the default Joomla site template). You can then click on the Create Overrides tab and you should find mod_hello in the list of Modules.

Click on mod_hello and you should get a message: "Override created in \templates\cassiopeia\html\mod_hello". This is where Joomla has placed a copy of your default.php file, which you should be able to see by expanding the explorer view.

mod_hello template override

When you click on default.php you will be able to edit the file, and can change the HTML output. (If you decide to try this out then remember to delete the override file afterwards, otherwise it will continue to be used for subsequent steps in the tutorial).

What the line ModuleHelper::getLayoutPath('mod_hello') is doing is looking through the possible places in the Joomla file system where an override file might be stored, and only if none is found is the modules/mod_hello/tmpl/default.php file used.

Note also that the getLayoutPath function returns the path of the file, and our code does a PHP require of this file, so that the default.php code runs in the same PHP function context as the mod_hello.php code. This means that any PHP variables assigned in mod_hello.php are available in tmpl/default.php.

Namespacing

We've also used here the fact that Joomla code uses PHP namespacing:

mod_hello/mod_hello.php
use Joomla\CMS\Helper\ModuleHelper;
...
require ModuleHelper::getLayoutPath('mod_hello');

You can read how Joomla implements namespacing in the namespaces section.

In particular the mapping from Joomla fully-qualified name to source file enables us to find quickly the source of any Joomla class. For example \Joomla\CMS\Helper\ModuleHelper is found in libraries/src/Helper/ModuleHelper.php.

Manifest file update

As we've introduced a new folder in our set of source files we need to tell the Joomla installer to process it:

mod_hello/mod_hello.xml
<?xml version="1.0" encoding="UTF-8"?>
<extension type="module" client="site" method="upgrade">
<name>Joomla module tutorial</name>
<version>1.0.2</version>
<author>me</author>
<creationDate>today</creationDate>
<description>Code used in the Joomla module tutorial</description>
<namespace path="src">My\Module\Hello</namespace>
<files>
<folder module="mod_hello">services</folder>
<folder>src</folder>
<folder>tmpl</folder>
</files>
</extension>

Installation

When you have made the source files updates you should zip up the mod_hello folder and install the updated module as described in the previous section. You shouldn't need to specify the publishing status, template position or menu assignment again - Joomla will continue to use what you specified before.

When you redisplay a site page then you should see that the module displays the same as before, but now you can go into the administrator back-end to setup a template override.

However, if you do create a template override, then remember to delete it afterwards, otherwise the updates to the tmpl file in the later steps in this tutorial will not be visible.