Joomla: вывод изображений в модуле "Похожие метки"

В cms Joomla с выходом 3-й версии появились теги (метки) и модуль для отображения похожих меток, но данный модуль по-умолчанию выводит только ссылку на материал. Есть бесплатный сторонний модуль для этих целей, но для скачивания необходимо регистрироваться (возникла проблема с регистрацией - письмо так и не пришло) + наличие ссылки на сайт автора, в итоге решил пойти чуть более сложным путем (а может и легким). Здесь представлю один из вариантов вывода изображения.

Необходимо будет внести изменения в макет модуля "похожие метки" (или скачать ниже уже измененный) - /modules/mod_tags_similar/tmpl/default.php

Рекомендую сначала скопировать данный файл в html каталог своего шаблона.

Что меняем. В файле /modules/mod_tags_similar/tmpl/default.php находим следующее:

		<li>
			<?php $item->route = new JHelperRoute; ?>
			<a href="<?php echo JRoute::_(TagsHelperRoute::getItemRoute($item->content_item_id, $item->core_alias, $item->core_catid, $item->core_language, $item->type_alias, $item->router)); ?>">
				<?php if (!empty($item->core_title)) :
					echo htmlspecialchars($item->core_title);
				endif; ?>
			</a>
		</li>

И заменить на:

		<li>
			<?php $item->route = new JHelperRoute; ?>
<a href="<?php echo JRoute::_(TagsHelperRoute::getItemRoute($item->content_item_id, $item->core_alias, $item->core_catid, $item->core_language, $item->type_alias, $item->router)); ?>">
				
			
			
	<?php
		$cont = JTable::getInstance("content"); 
		$cont->load($item->content_item_id, $item->core_alias, $item->core_catid, $item->core_language, $item->type_alias, $item->router); 
		$article_images = $cont->get("images"); 
		$images = json_decode($article_images); 
	?>
	<?php if ($images) : ?>
		<img src="<?php echo htmlspecialchars($images->image_intro); ?>" alt="<?php echo htmlspecialchars($images->image_intro_alt); ?>"/> 
	<?php  endif; ?>


<?php if (!empty($item->core_title)) :
					echo '<div>'.htmlspecialchars($item->core_title).'</div>';
				endif; ?>
</a>
		</li>

Далее остается только оформить получившееся, например так:

.tagssimilar ul 
{
list-style-type: none;
padding: 0px;
text-align: center;
}
.tagssimilar ul li 
{
border-bottom: 1px solid #d2d2d2;
margin-bottom: 5px;
}
.tagssimilar ul li a 
{
text-decoration: none;
color: #202020;
}

Скачать макет - содержимое архива нужно забросить в каталог html используемого шаблона

Пример - "Похожие" в левой колонке

Добавить комментарий

Комментарии (5)

  1. azbukafin 03 ноября 2015, 22:52
    0 #

    Сделал и картинки все равно не вышли кубики

    1. Владимир 04 ноября 2015, 08:15
      0 #

      А изображения добавлены через вкладку, или просто в текст до подробнее? Код копировал с рабочего модуля

      1. azbukafin 07 декабря 2015, 07:12
        0 #

        В статьи до подробнее

        1. Владимир 07 декабря 2015, 11:41(Комментарий был изменён)
          0 #

          Это именно для изображений, которые через вкладку добавлены

          1. xppx 07 ноября 2016, 10:00
            0 #

            а как не через вкладку?