Изображения в модуле новостей из блога на Helix шаблоне

На днях дорабатывал сайт Joomla на Helix шаблоне. Одной из задач было вывести картинки в модуле "Последние новости", которые отображаются в сайдбаре.

Изображения в модуле новостей из блога Helix

Следует отметить, что в шаблоне Helix есть встроенный функционал добавления изображения для статьи. Выглядит он как на изображении ниже.

Опции блога Helix шаблона

То есть, используется не стандартное изображение Joomla, а свое собственное. А значит модули, которые могли бы заменить стандартный модуль вывода новостей, типа News Show Pro GK5 и ему подобные не справятся с этой задачей.

Я попытался найти готовое решение, но нашел только обсуждение на форуме  Helix 3 blog модуль новостей не отображает изображения. Данный способ скорей всего рабочий, только не для моей версии шаблона.

Итак используя информацию с форума и статьи на которую там ссылаются у меня получился такой код для shaper helix ultimate 1.1.2:

Вот модифицированные файлы для модулей "Материалы - Новости" и "Материалы - Последние новости"
mod_articles_latest

mod_articles_news

Разархивировать и поместить в каталог HTML шаблона helix.

Пример можно заценить на сайте https://granit-dnepr.com.ua в разделе полезная информация.

Только пришло в голову, что данная статья больше подходит для портфолио 🙂
Но это не всё...

Как добавить изображение в стандартный модуль новостей

Дальше объясню, как можно добавить изображение в стандартные модули вывода новостей для любого шаблона, который использует сходный функционал с блогом Helix.

Итак перовое, что нам нужно это в админке создать модуль последние новости и вывести его в нужной позиции на сайте.

Далее по ftp скопировать файл в который будем вносить изменения в каталог HTML вашего шаблона. В данном случае default.php из модуля mod_articles_latest (последние новости). Получится ваш_шаблон/html/mod_articles_latest/default.php.

Открываем файл и в месте где нужно вывести изображение прописываем:

После этого переходим на сайт и и обновляем страницу. В месте на котором должно быть изображение видим кучу непонятного кода. Там нужно найти что-то, что содержит в названии image, а после двоеточия ссылку на изображение. Именно эта переменная нам и нужна.

Теперь меняем код который из первой части статьи. helix_ultimate_image нужно заменить на найденную переменную. Измененный код вставляем вместо var_damp($item->attribs); Сохраняем файл и отправляемся на сайт проверять.

Если всё сделали верно, в последних новостях отобразятся картинки. Надеюсь, всё понятно объяснил. Если дочитали до конца, и не уснули - мне лайк 😉

Если что не понятно задавайте вопросы в комментариях, но отвечать не обещаю. Я стал старый и меркантильный даю консультации за рубли )))

Всем удачи! И до возможной встречи в других постах.

Поделиться с друзьями
Яковенко Андрей

Занимаюсь разработкой сайтов на cms WordPress, Joomla, DLE, OpenCart с 2011 года.
На данный момент занимаюсь клиентской поддержкой, доработками сайтов. А так же даю консультации и уроки по работе с этими cms.

Оцените автора
Yakovenko&Co
Добавить комментарий