Связные элементы - это технология, которая позволяет устанавливать связи между элементами информационных блоков, для дальнейшего отображения этих элементов на контентных страницах сайта.
Эта технология используется в наших продуктах с 2014 года. Ранее мы уже размещали информацию по этой технологии. Вы можете ознакомиться с этой информацией по следующим ссылкам:
- Документация;
- Связанные элементы в BXReady: Сайт компании. часть 1;
- Связанные элементы в BXReady: Сайт компании (часть 2).
Пример контентной станицы сайта с использованием технологии связные элементы:
![Связные элементы Связные элементы](/upload/medialibrary/71c/71c8e3aa2fd9781f3c1338ca85db583f.png)
На этой странице отображено два блока со связными элементами: новости и услуги.
Для получения данного результата на странице, нам необходимо произвести небольшие настройки. Все настройки осуществляются из публичной части сайта на уровне контент-менеджера.
Для начала необходимо включить связные инфоблоки в параметрах компонента:
![Переход в параметры инфоблока Переход в параметры инфоблока](/upload/medialibrary/7cd/7cd39940744481996e8e21498a1ec559.png)
![Включение связных инфоблоков Включение связных инфоблоков](/upload/medialibrary/dfe/dfe454423b07a68bc8879952b988fd95.png)
Далее, необходимо установить количество связных информационных блоков. К каждому информационному блоку будет доступен ряд собственных настроек:
В настройках данных вы можете указать их область вывода: bottom — снизу и sidebar — в сайдбаре. Обязательно укажите тип информационного блока и сам информационный блок, с которым необходимо осуществить связь.
Далее, необходимо осуществить связь между самими элементами информационных блоков. Для этого в окне редактирования необходимого элемента, нужно указать связные элементы следующим образом:
![Установка связных элементов Установка связных элементов](/upload/medialibrary/2c9/2c939064ac92c2e7943e9b97c6bedaba.png)
Стоит отметить, что при этом создается двунаправленная связь между элементами информационных блоков. В нашем примере, при переходе в карточку товара телефона Samsung Galaxy S5, отобразится связные элемент из статей - Что купить для Samsung Galaxy S5 Plus.
![Карточка товара со связным элементом Карточка товара со связным элементом](/upload/medialibrary/800/800cb4feaaa0f90fb7f836fb44d020d5.png)
Но отображение этого элемента произойдет только в том случае если у компонента Каталог будут настроены связные элементы:
![Переход в параметры компонента Каталог Переход в параметры компонента Каталог](/upload/medialibrary/e19/e199c37395a81573cdc1b588a9e8962f.png)
![Параметры компонента Каталог Параметры компонента Каталог](/upload/medialibrary/b1a/b1a9cd3d2106daa70e2ff6b12b1e6a55.png)
BXReady + Битрикс 17 |
Описание курса
| Управляемые представления
|