Home » Joomla Create Modules

Joomla Create Modules

by Online Tutorials Library

Joomla – Create Modules

Joomla modules can be defined as the extensions which are flexible, light-weight, and useful for page rendering. In this article, you will understand how to insert or edit the Joomla Modules on your site.

Create Modules

Check out the steps given below to understand how to add the Joomla Modules on the site:

Step 1

First of all, navigate to the “Extensions – Modules” from the Joomla Taskbar. It will redirect you to the page showing a list of all the modules installed on your site. It will look like the following image:

Joomla Create Modules

This page can also be accessed from Joomla Control Panel.

Step 2

Click on the ‘New‘ button from the Joomla toolbar. After clicking on the ‘New’ button, you will get a list of all the module types. You need to select the module type that you want to create for your site. The following image displays the list of module types available on Joomla:

Joomla Create Modules

For an illustration purpose, we are choosing the module type as ‘Login’.

Step 3

After clicking on the ‘Login’ module, you will get the following form:

Joomla Create Modules

Here, you are required to fill all the mandatory details. Most of them are optional, so that you can leave them as default. Some of the important fields are:

Title It is used to specify the title for the particular module type.
Show Title It is used to show or hide the title on your site.
Position It is used to specify the position where you want to put the module on your site. To know all the positions available on your website’s template, add the code “?tp=1” after your domain. For example, http://www.yourdomain.com/?tp=1.
Status It is used to describe the status of the module, such as Published, Unpublished, or Trashed.
Start Publishing It is used to specify the date and time to start publishing. For example, If you want to publish your content at a later time automatically, you can use this field.
Finish Publishing It is used to specify the date and time to finish publishing. For example, if you want to unpublish or remove your content at a specific date and time, then you can use this field.
Access It is used to specify the access level of the modules. You can allow access to the Guests, Public, Super Users, Registered, and Special users.
Ordering It is used to specify the order of the contents when there is more than one module in the same position.
Language It is used to assign a language of the modules on the site.
Note It is used to input the text information (visible to site administrators only).

Step 4

Now, open the “Menu Assignment” tab and choose whether you want to display the created module on all the available pages or only on specific pages. You can select the option from the drop-down list available on the module assignment page. It will look like the image attached below:

Joomla Create Modules

Step 5

The ‘Advanced‘ tab is used to change the advanced settings of the modules. The following image displays the options available on the ‘Advanced’ tab:

Joomla Create Modules

The table given below provides a short description of available options:

Layout It is used to specify the layout for the module.
Module Class Suffix It is used to add a new CSS class or modify the existing class. The added CSS style will only apply to the selected module.
Module Tag It is used to specify HMTL tags for the modules. By default, it uses a div tag, but other HTML5 elements are also supported.
Bootstrap Size It is used to select the width of the module using the span element built into bootstrap.
Header Tag It is used to specify HTML tags for the modules header.
Header Class It is used to add the optional CSS classes to the modules header or title element.
Module Style It is used to override the template style for its position.

The options available here are not mandatory and can be left as defaults.

Step 6

Module permissions‘ tab is the last tab available on the module creation page. It is used to manage the permissions of the module for the user groups. The following screen displays the options available under the Module permissions tab:

Joomla Create Modules

Delete It is used to provide permission to user groups to delete the content present in the module.
Edit It is used to provide permission to user groups to modify the content present in the module.
Edit State It is used to provide permission to user groups to modify the state of content present in the module.
Frontend Editing It is used to provide permission to user groups to modify the content of the module directly from the frontend of the website.

Step 7

After filling all the details, click on the “Save” button from the toolbar to keep the changes.

The following image displays how the created ‘Login’ module will look on the site:

Joomla Create Modules

That is how you can create modules in Joomla.

Edit Module in Joomla

To edit a module in Joomla, follow the below steps:

Step 1

Log in to Joomla’s account and navigate to the ‘Module Manager‘.

Step 2

Select the module that you want to edit by clicking on the checkbox and then click on the ‘Edit‘ button.

Joomla Create Modules

Step 3

Make the changes and click on the ‘Save‘ button to keep the changes.


You may also like