Так как дополнительные элементы будут выводиться в каждом материале, переопределяем модуль mod_articles_news в разделе шаблоны - переопределение.

Добавляем вывод даты в модуле:

<span class="modnews-date">
      <?php echo JHtml::_('date', $item->publish_up, JText::_('d F Y')); ?>
 </span>

Код вывода даты можно вставить в любом месте файла по своему усмотрению. Для оформления добавлен класс modnews-date, которому нужно прописать стили самостоятельно. Формат задать можно задать любой.

Вывод изображения в модуле mod_articles_news

Выводим в модуле изображения для вступительного текста материала. Делаем их кликабельными.

В файле _item.php сразу после

defined('_JEXEC') or die;

вставляем:

$images = json_decode($item->images);

Так мы раскодируем адрес изображения, которое в БД хранится в кодировке JSON

Код вставки кликабельного изображения:

<?php if (isset($images->image_intro) and !empty($images->image_intro) and $params->get('image')) : ?>
<div class="pull-left item-image">
<a href="/<?php echo $item->link;?>">
  <img src="/<?php echo htmlspecialchars($images->image_intro); ?>" 
            alt="<?php echo htmlspecialchars($images->image_intro_alt); ?>"/>
    </a>
</div>
<?php endif; ?>

Пояснения:

  1. Проверяется общая настройка вывода превью, существование изображения, параметр модуля Показывать изображения (об этом чуть позже)
  2. Оболочка изображения. В данном случае выводим изображения слева. В стилях файла css задаем нужные размеры и оформление для этих классов.
  3. Ссылка на материал
  4. Собственно вывод изображения

Параметр "Показывать изображение"

В файле mod_articles_news.xml определен параметр 'image', и в менеджере модулей есть переключатель да/нет. Этот параметр, в последних версиях Joomla, используется для включения/отключения показа изображений, вставленных пользователем в текст вступления. Добавляя его в условие проверки - добавляем возможность в настройках модуля управлять выводом стандартного изображения для вступительного текста.