Оценок: 1

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 используемого шаблона

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

Оценок: 1
Надежный хостинг VPS серверов
  • Свои ISO образы
  • VDS с оплатой раз и навсегда
  • Аренда VDS на любой срок, с оплатой по дням
  • Большое разнообразие конфигураций
  • Дата-центры в ЕС и России
+ скидка 10%

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

  1. Точнее как реализовать такой же красивый вывод как у вас?

    Александр Савченко 27 июня 2019, 04:03 0
    • А есть ли решения для новой версии джумла?

      Александр Савченко 27 июня 2019, 02:33 0
      • Спасибо, все отлично вышло.)))) Может еще знаете, как краткое описание вывести?

        Ольга Иванова 02 апреля 2018, 09:55 0
        • Сделал и картинки все равно не вышли кубики

          azbukafin 03 ноября 2015, 22:52 0
          • А изображения добавлены через вкладку, или просто в текст до подробнее? Код копировал с рабочего модуля

            Владимир 04 ноября 2015, 08:15 0
            • В статьи до подробнее

              azbukafin 07 декабря 2015, 07:12 0
              • Это именно для изображений, которые через вкладку добавлены

                Владимир 07 декабря 2015, 11:41 0
                • а как не через вкладку?

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