The most well-organized collection of templates, modules and plugins for Joomla

How to create a new module position between the description of the category and the articles in the blog layout page.

Creating a module position is usually done by editing the file - index.php. To create a module position between the description and the articles in the blog layout, do the following:

1.Open the file blog.php in your favorite editor. The file is located in templates/template from this site/html/com_content/category . Around line 40-45 you will find the code :

<?php $leadingcount=0 ; ?>

Immediately before this code add:

<!-- start new module position-->
<div class="blogmodule">
<?php
    $document    = &JFactory::getDocument();
    $renderer    = $document->loadRenderer('modules');
    $options    = array('style' => 'xhtml');
    $position    = 'mynewposition' ;   echo $renderer->render($position, $options, null);
?>
</div blogmodule>
<!-- end new module position-->

Note: Rename - mynewposition - with the name chosen by you. Example 'blog-1' .

Save the changes

 2. Open the file template.css in your favorite editor. The file is located in templates/template from this site/css .

At the end of the file add:

.blogmodule
{
    max-width: 100%;
    margin: 7px;
    padding: 7px;
    border: 1px solid #828282;
    border-radius: 5px;
    background: #FFF;
}

With this code, you define the basic settings of the new module position. If necessary, add new css rules. Example: If you want this position to be hidden for mobile devices add:

@media all and (max-width: 768px)
{
    .blogmodule
{
    display: none;
}
}

Save the changes

3. Add the selected module in the new position.

Final score:

4. Not necessarily, but it is better to add the new position in the templateDetails.xml file.

Note:
- Make a copy of the files before you edit them.
- Use notepad or another html editor. Do not use Word, Excel or any other MS extension.