This Joomla 4 override allows you to display a list of articles with an icon simply using Joomla's mod_articles_category module. At the bottom of this article, you can download the files of the J4 version of this override.

Joomla 4 frontend rendering

PhP markup

<?php
/**
 * @package     Joomla.Site
 * @subpackage  mod_articles_category
 * @author		web-eau.net
 * @copyright   (C) 2010 Open Source Matters, Inc. <https://www.joomla.org>
 * @license     GNU General Public License version 2 or later; see LICENSE.txt
 */

defined('_JEXEC') or die;

use Joomla\CMS\Helper\ModuleHelper;
use Joomla\CMS\Language\Text;

if (!$list)
{
	return;
}

?>

<ul class="list-group list-group-flush list-group-item-action category-module<?php echo $moduleclass_sfx; ?>">
	<?php foreach ($list as $item) : ?>
	<li class="list-group-item list-group-item-action py-2 list-unstyled">
		<?php if ($params->get('link_titles') == 1) : ?>
		<i class="far fa-file-alt me-1"></i> <a class="mod-articles-category-title <?php echo $item->active; ?>" href="<?php echo $item->link; ?>"><?php echo $item->title; ?></a>
		<?php else : ?>
		<?php echo $item->title; ?>
		<?php endif; ?>
	</li>
	<?php endforeach; ?>
</ul>
<p class="ms-3 p-2"><strong><i class="far fa-arrow-alt-circle-right"></i></strong> see all articles in category 
	<span class="mod-articles-category-category">
		<?php echo $item->displayCategoryTitle; ?>
	</span>
</p>
 

This Joomla 3 override allows you to display a list of articles with an icon simply using Joomla's mod_articles_category module. At the bottom of this article, you can download the files of the J3 version of this override.

Joomla 3 frontend rendering

PhP markup

<?php
	/**
		* @package     Joomla.Site
		* @subpackage  mod_articles_category
		* @Author      web-eau.net
		* @copyright   Copyright (C) 2005 - 2018 Open Source Matters, Inc. All rights reserved.
		* @license     GNU General Public License version 2 or later; see LICENSE.txt
	*/
	
	defined('_JEXEC') or die;
	
?>
<ul class="list-group list-group-flush list-group-item-action category-module<?php echo $moduleclass_sfx; ?>">
	<?php foreach ($list as $item) : ?>
	<li class="list-group-item list-group-item-action py-2 list-unstyled">
		<?php if ($params->get('link_titles') == 1) : ?>
		<i class="fa fa-file-text-o mr-1"></i> <a class="mod-articles-category-title <?php echo $item->active; ?>" href="/<?php echo $item->link; ?>"><?php echo $item->title; ?></a>
		<?php else : ?>
		<?php echo $item->title; ?>
		<?php endif; ?>
	</li>
	<?php endforeach; ?>
</ul>
<p class="py-2"><strong><i class="fa fa-arrow-circle-o-right"></i></strong> see all articles in category 
	<span class="mod-articles-category-category vert">
		<?php echo $item->displayCategoryTitle; ?>
	</span></p>
 

web-eau.net

29800 Landerneau

+33 674 502 799

daniel@web-eau.net

We use cookies

We use cookies on our website. Some of them are essential for the operation of the site, while others help us to improve this site and the user experience (tracking cookies). You can decide for yourself whether you want to allow cookies or not. Please note that if you reject them, you may not be able to use all the functionalities of the site.