Joomla tutorials

Modules Anywhere – how to create a module in any part of the page

Today’s lesson will be devoted to creating and configuring Joomla module to fit your needs, and that is the definition of it on the page, adding custom properties for visual perception, etc.


So, first we need to create a normal HTMl module, which comes standard Joomla extension.
Further included and the custom module so that it is displayed on the page.
That is, we choose points “published”, “process plugins”. Put in any position of your template, but I would recommend to take Analytics or any other, which by default is not displayed on your page.
Now we need a plugin that inserts the modules in the articles themselves. For this purpose, there is an extension called Modules Anywhere. You can download it via the link at the end of the article.
After installing and activating the plugin, go back to our HTML module and specify where it will be located on the website page.
Note: the module should switch to typing if you use a graphical editor of papers.
Write the following code:
Let’s have a look at what means this code.
At first, we specify the position of the module, which means a fixed position on the page, the top margin of 20 pixels, 65 pixels to the left. background-image: url(‘/images/image.png’); opacity: 0.9; width: 175px; border: solid 3px white;”> – the background image and link to it, the opacity module, width, stroke, white 3 pixels. Finally, the embedding of the module –
module (my module)
Accordingly, to change the location of the newly created module, we just need to change the numbers in the beginning of the code, i.e. the padding on the left and top. You also have the opportunity to edit the settings, if you are somewhat familiar with CSS styles in HTML documents.
Thus, we put the module inside the document, and the document placed on the page as we need.
Note: in order for the modules are not duplicated on the page, you select the extension that you want to insert into the material, to change the position of the location of the module in debug and disable the display on all pages.