Skip to main content

Joomla tutorials for beginners

How to add a module class suffix in Joomla?

From this article you will find out how to use a Joomla module class suffix. This is a really useful feature to get a different module design. Many templates have a set of available module suffixes to distinguish modules.

Where can I find a list of Joomla module suffixes for my template?

On each demosite we publish an article about module class suffixes. You can find it in main menu:

Features -> Module Suffixes

Let's take a look on JM Services example:

How to add a module class suffix?

This is how the article looks like:

How to add a module class suffix?

How to find a module suffix name?

On the screenshots you may find a module suffix name after the "Module suffix:" or "Suffix name:" words:

How to add a module class suffix?

Is the suffix available for my Joomla type module?

In the article you will find information on whether the suffix is available for each type of module or only for some selected. If not stated otherwise, you can use it always. For example, this module suffix is available only for DJ-ImageSlider module type.

How to add a module class suffix?

What module design I will have after entering a Joomla module suffix?

As example we will use the "title-ms" module suffix. This suffix is intended for all module types. After using this module suffix, your module will look like in the picture:

How to add a module class suffix?

How to use Joomla module suffix?

Take a look on the "Welcome to my website!" module. It is using the default module design:

How to add a module class suffix?

In the back-end of your site go to:

Extensions -> Modules

Now, choose the module from the list. In our example it is "Welcome to my website!":

How to add a module class suffix?

Go to the "Advanced" tab:

How to add a module class suffix?

Here you should see several module options:

joomla module class suffix

  1. Module Class Suffix - type the suffix name here. Important! Add a blank space before the suffix name.
  2. Click on "Save & Close"

If you cannot find the "Module Class Suffix" option on the "Advanced" tab, take a look on other tabs.

After applying the module class suffix, our module looks as follows:

How to add a module class suffix?

As you can see, it has a different module design (blue module title).

Can I use many Joomla module suffixes for a single module?

Of course. You need to separate the suffixes by a blank space:

How to add a module class suffix?

Now, we use a mix of "title-ms" and "blank-ms" module suffixes and we get the following effect (blue title and transparent module background):

How to add a module class suffix?