Knowledgebase

Joomlabamboo template and extension documentation

A custom html module in Joomla

Custom HTML modules are very useful as they enable code or text to be added in the same way as an article, but you can place the Custom HTML module in all the available module positions of a template (using loadposition you can even load a module into an article}.

To create a Custom HTML module, please follow the steps below:

Navigate to the the Extensions tab and click module manager

Finding Module Manager in Joomla 1.7

A New Module

Create new custom module by clicking the plus symbol and selecting Custom HTML.

Click plus for new module

Customise HTML module settings as follows

  • 3.1 Enter your title for the module
  • 3.2 Choose whether the module title text is going to be shown above the module on the website page
  • 3.3 Choose your module position by clicking the "select position" button or simply type the position in the text box
  • 3.4 Decide if the module is going to be published or not by choosing its status
  • 3.5 Setting the access level – leave as the default setting unless you require variable access levels
  • 3.6 Set the ordering - if you have modules in the same position on a menu item this determines which comes first

Custom HTML Module Settings

Add Your Content

Add your content to the module – in exactly the same way as you would with an article – (The text editor in the screenshot used below is the JCE Editor)

Adding sample content through the JCE Editor

Module Class Prefixes

Joomla Bamboo templates offer the ability to add module class prefixes – this means a series of styles/functions are added to a module.

In the example below inserting the prefix -slider will add a slide function to the custom HTML module

Adding the -slider prefix

Save and Close