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

select your template for Joomla 3.10, Joomla 3.9, Joomla 3.8, Joomla 3.7, Joomla 2,5, Drupal 7, WP 3

Free Joomla 3 content / images slider module with touch enabled Free Joomla module - Sticky Top / Bottom Banners last added joomla templates for Joomla 3.x free download joomla 3.0 templates Latest News - Free Joomla module Promotion on Joomla 3.10 templates

Overlay effects when hovering over images

Free joomla module for Overlay effects over images

Get a 60% discount from the price of templates for Joomla

Get a 75% discount from the price of templates for Joomla

SVtemplates recommends

free Joomla module for the presentation of our team
Free Joomla module - Sticky Top / Bottom Banners
Joomla module one click - show or hide content
Free Joomla module with which you can display a banner/ads after a specified time
Joomla module - quick gallery from the images in selected folder and lightbox
Free Joomla module for elegant hover effect with 16 styles

SVtemplates: The best collection of extensions and templates for Joomla - most popular open source CMS

Payment system of the site

User Rating:  / 0
PoorBest 

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

new module position in blog category

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:

new module position in blog

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.

Free templates for joomla 3.10.0. Responsive design

Free Joomla 2.5, 3.0, 3.3, 3.4, 3.5, 3.6, 3.7, 3.8, 3.9, 3.10 template / Live Demo

- The template is compatible with php 5.6 and 7.3. Full support for mobile devices:

- 101 module positions. Left and right sidebars with option to change width - fixed /px/ or fluid /%/.

- This template comes with: Body background slider, Slider images, Sticky to bottom container.

Free Joomla 3 content / images slider module with touch enabled Free Joomla module - Sticky Top / Bottom Banners Free Joomla template for user registration
  • Free joomla content news module that allows you to show popular articles
  • Free joomla module content news that allows you to show latest articles
  • Free Joomla module to display news, content, articles with intuitive and elegant solution
  • Perfect Slideshow -  free joomla module  to show a content with images, captions and links
  • Free Joomla module for elegant hover effect with 16 styles
  • Free Joomla module for the presentation of your office team
  • Joomla module - Top Actual News
  • Free Joomla module to create background slider
  • Free Joomla module rotator images
  • SP Touch Slider - Free Joomla Module
  • Joomla module - quick gallery from the images in selected folder and lightbox
  • Joomla YouTube gallery with lightbox
  • Free Joomla module with which you can display a banner/ads after a specified time
  • Free Joomla module to create animated banner with 3 style
  • Free Gallery of images for Joomla with the ability to view in a light box and slideshow
  • Joomla module one click - show or hide content
  • Joomla Module Contact Us - display your contact information in a new way
Joomla free module - hover image css effect
Joomla Extensions Zone - Free Modules and Plugins
Joomla free module - nice effect if hover mouse over images