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

Эта технология используется в наших продуктах с 2014 года. Ранее мы уже размещали информацию по этой технологии. Вы можете ознакомиться с этой информацией по следующим ссылкам:
 
Документация;
Связанные элементы в BXReady: Сайт компании. часть 1;
Связанные элементы в BXReady: Сайт компании (часть 2).

Пример контентной станицы сайта с использованием технологии связные элементы:

Связные элементы

На этой странице отображено два блока со связными элементами: новости и услуги.

Для получения данного результата на странице, нам необходимо произвести небольшие настройки. Все настройки осуществляются из публичной части сайта на уровне контент-менеджера.

Для начала необходимо включить связные инфоблоки в параметрах компонента:


Переход в параметры инфоблока

Включение связных инфоблоков

Далее, необходимо установить количество связных информационных блоков. К каждому информационному блоку будет доступен ряд собственных настроек:

Настройки связных элементов

В настройках данных вы можете указать их область вывода: bottom — снизу и sidebar — в сайдбаре. Обязательно укажите тип информационного блока и сам информационный блок, с которым необходимо осуществить связь.

Далее, необходимо осуществить связь между самими элементами информационных блоков. Для этого в окне редактирования необходимого элемента, нужно указать связные элементы следующим образом:

Изменить элемент


Установка связных элементов

Стоит отметить, что при этом создается двунаправленная связь между элементами информационных блоков. В нашем примере, при переходе в карточку товара телефона Samsung Galaxy S5, отобразится связные элемент из статей - Что купить для Samsung Galaxy S5 Plus.

Карточка товара со связным элементом

Но отображение этого элемента произойдет только в том случае если у компонента Каталог будут настроены связные элементы:

Переход в параметры компонента Каталог

Параметры компонента Каталог



 BXReady + Битрикс 17 | Описание курса | Управляемые представления