1. Инструкция
  2. Администратор портала

Привязка к видеогалерее


Добавление раздела

Привязка инфоблока

Настройка компонента

Добавление раздела

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

Для этого необходимо перейти в раздел "Добавить видео".


1) Можно создать новый альбом или выбрать уже созданный из выпадающего списка.

2) При создании нового альбома нужно указать название

3) При создании нового альбома нужно указать где будет находиться альбом, в корне, как самостоятельный раздел, или подразделом другого.


Нужно указать тип видео Youtube/на сайте

4) Тип видео Youtube

5) Указать название

6) Указать ссылку на видео с сайта youtube


7) Тип видео на сайте

8) Указать название видео

9) Загрузить картинку, которая будет отображаться в списке видео

10) Загрузить видео


11) Нажать "Добавить".


Информация сохраняется в инфоблоке: "Администрирование" > "Контент" > "Галерея" > "Видеогалерея"


Привязка раздела видеогалереи


Для выбора раздела нужно нажать на ... и в открывшемся окне выбрать ранее созданный альбом:


Символьный код раздела отобразится в поле:


После внесения изменений внизу окна настроек нажать кнопку "Сохранить":


Настройки компонента

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

Открыть параметры:


1) Настройка отображения заголовка раздела:

 

2) Настройка порядок вывода фотографий каждого привязанного раздела через сортировку:


3) Настройка количества отображаемых элементов на странице:


4) Если количество элементов на странице указано меньше, чем элементов загружено в разделе, то необходимо настроить постраничную навигацию:


 

5) Настройка макета. При включенном использовании сетки можно настроить количество отображаемых элементов в строке при разной ширине устройства:

XS < 576px

SD ≥ 576px

MD ≥ 768px

LG ≥ 992px

XL ≥ 1200px 


6) Настройка внешнего вида:


7) Настройка внешнего отображения с помощью модификаторов.

С помощью модификаторов можно настроить внешнее отображение компонента. Подробная информация о модификаторах по ссылке: http://sf4.simai.pro/ru/ui/intro/modifier.php