How to Create Module in Joomla Step by Step

Author:

Before knowing how to create a module in Joomla step-by-step from the backend, you should know the Joomla module.

What is the Joomla module?

Sometimes we need to display a small block of information like the newsflash, Login Form, Slider, etc. So in Joomla, this type of block is called a Module. The Joomla module is paced according to the positions of the template.

Let’s See: How do I install quickstart packages in Joomla?

Create a Module in Joomla, step-by-step

In this tutorial, I will show how you can create a custom module for Joomla3.x and Joomla4.x.

Please follow the following steps –

Step1: Create directory structure with mod_latestposts

There are two ways to create a directory: in your Joomla website module folder or in your computer’s local folder.

If you create it on your local computer, then you will need to create a zip file and install it using the Joomla Extension manager.

Now I am starting from the Joomla website root directory and then selecting the Modules folder.

Let’s create a module: mod_latestposts

Note: Module root folder name must start with “mod_(e.g. mod_modulename) and the main file must follow the same naming convention.

  • Create inside the module directory of your Joomla website the following folders:
  • /public_html/modules/mod_latestposts
  • /public_html/modules/mod_ latestposts /tmpl
  • /public_html/modules/mod_ latestposts /language
  • /public_html/modules/mod_ latestposts /language/en-GB

The above directories must be followed the same naming convention as this important rule.

Let’s See: How do I enable Joomla PHP error reporting?

Step2: Create file mod_ latestposts.php

This is the main file of the module and its name same as the directory name mod_latestposts.php inside the mod_latestposts.

Joomla Module name file where module functional call by helper Class

The defined directive limits permit the rest of the file or code from any other non-Joomla scripts. In other words, if it’s not from Joomla standard code or out of the Joomla directory, It will  “die” or stop all further action.

JLoader::register-  This function loads the file that is included in the path. For the example above, the function have helper.php

JLoader::register(‘ModPostsLatestHelper’, __DIR__ . ‘/helper.php’);

You can use require_once() in the place of loader ::register() for example, as below:

require_once dirname(__FILE__).’/helper.php’;

But the latest version of Joomla is using the Loader() function.

Step3: Create file mod_ latestposts.xml

Joomla Modules XML installation file

Above the screenshot, there are some important fields, e.g., name, author, creation date, etc

Files Section

To add files in our module, you need to add these fields: <filename></filename>

And to add folders, use this tag <folder></folder>. All these field tags should be inside the <files></files> fieldset.

Module file tag in XML
Language Section

To add a language file you need to use <languages> directives and inside this use <language></language> directives like the below –

Language-tag in XML

The section includes language files and a language folder (ex. en-GB). When you install the module, these language files will be placed within the language folder.

For your module, you can also add a custom language folder. The benefit of a custom folder is that it will not be removed by updates, and your module will be self-contained.

Configuration Section
Joomla4: How do I create a custom module in Joomla?

Configuration settings start from the config tag, and inside this tag, we can add multiple fieldsets like Basic, Advanced, etc.

In the basic field set, we add parameters for the module function, and the Advanced field set is used for the default options of the Joomla module.

Step #4. Create Module helper.php

In this file, you have to create a helper.php file with a helper class For example, in our module, the helper class is ModPostsLatestHelper

You have to use the Camel case for a naming convention for the class name.

The helper.php file isn’t required to run a module. If you browse the other module folders, you’ll notice that several of them are missing. However, for this example, we’ll need to write one.

What is the use of this helper.php?

You included a line requiring the helper.php file when you wrote the mod_latestposts.php file. We write database action methods in this file.

How do I create a custom module in Joomla?

If you include this but don’t have it, Joomla is going to give you an error message that the file wasn’t found. If you don’t want to use one, don’t use the need to require in the mod_latestposts.php file.

Helper file methods – in the helper.php file, you have to write your function or methods, which you will need to get data from database tables. In our module, I created the getposts()   method to get the latest posts from the content table.

Module functions in Joomla

Let’s See: How to create an override for the Joomla layout?

Step #5. Check all files and folders.

The module file structure in Joomla 3

Now we can install the module from the administrator. So first, you have to go to the administrator and click on the System menu on the left side. There you can see in the middlebox, Install, where you can see the Discover link and click on it.

Discover the module from the Joomla backend

Let’s See:  How to create a new module from the backend?

After that, you will see module mod_latestposts there, just click on the Install button, and then it will install in Joomla.

How to install the Joomla module from the admin

You have to check the checkbox for which module you want to install. After installation, you will see a successful message.

Now You have to Go to Module Manager=>New Button

In the module type list click module: mod_latestposts

Create a new module from the admin

Like with other modules, you have to enter the module title, select module position,  menu assignment, etc.

In our module, we have to set the article (post) category and the number of posts on the front end.

Click on the Save & Close button.

Display module in the sidebar

Now, this is the final output of the module. On the right side, you can see posts.

You may like to read these also: What is the Joomla Control Panel?

Exit mobile version