Вывод статей на сайт с помощью компонента bitrix:news list и фильтрация

Разберем интересный компонент вывода ленты новостей и статей «bitrix news list».

Возможности компонента обширны, с его помощью можно выводить элементы инфоблока в любой части сайта, давайте разберем ситуацию когда у нас уже есть раздел сайта новости, но хотелось бы разместить несколько новостей за определенную дату, к примеру за вчера и сегодня, на главной странице сайта в блоке «Новости сайта». Для этого нам понадобится собственно компонент bitrix:news list и его настройка, помимо этого необходимо будет подправить шаблон компонента и его стили, а также установить свой фильтр компонента news list

С помощью панели эрмитаж открываем свою главную страницу в режиме редактирования

Редактирование страницы сайта
Редактирование страницы сайта

Нам необходимо внедрить компонент в самый конец страницы, поэтому код который отвечает за вывод новостей вставляем в самом конце страницы, с помощью правого меню выбираем компонент bitrix:news.list

bitrix:news.list
bitrix:news.list

Двойным кликом устанавливаем компонент на страницу и переходим в фазу настройки

В параметрах компонента необходимо выбрать Тип инфоблока и сам инфоблок в котором хранятся новости, для этого в блоке основных настроек указываем источник новостей

Далее по условию задачи нам необходимо вывести 10  новостей, для этого в блоке настроек в шаге: Количество новостей на странице: указываем 10, а в шаге Поле для первой сортировки новостей: указываем Дата начала активности. Учитывая что нам необходимо вывести последние добавленные новости, то в шаге: Направление для первой сортировки новостей: указываем по убыванию.

bitrix:news.list
bitrix:news.list

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

Читать  Монитор производительности Bitrix feat Vesta feat MySQL. Оптимизация

Также необходимо отметить, что для полноценной работы компонента bitrix:news.list необходимо настроить ЧПУ. Для того чтобы поисковые системы корректно индексировали контект, а пользователи сайта смогли пройти по ссылке подробнее, для того чтобы ознакомиться с полным текстом новости, т.е. перейти на вкладку вашего сайта, к примеру, /news/ или /novosti/. Для этого в Настройках URL страницы детального просмотра: указываем /news/#ELEMENT_CODE#/, Если иное определено в глобальных настройках инфоблока, т.к. по-умолчанию настройки ЧПУ берутся оттуда.

Далее для того чтобы вывести ссылку на все новости в настройках постраничной навигации надо указать галочку.

bitrix:news.list
bitrix:news.list

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

Для этого помещаем фильтр перед подключением компонента bitrix:news.list:

И сообщаем компоненту название нашего фильтра, для этого в секции настроек Источник данных указываем имя нашего фильтра.

фильтр news.list
фильтр news.list

 

После всех настроек сохраняем изменения нажав зеленую кнопку «сохранить», а также сохраняем изменения главной страницы. После этого 10 новостей от вчерашнего и от сегодняшнего дня опубликованы на странице.

 

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

Ваш e-mail не будет опубликован. Обязательные поля помечены *