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

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

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

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

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

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

В разделе "Пресс-центр" > "Фотогалерея" для администратора сайта предусмотрен раздел "Загрузить фотографии" в публичной части сайта. 

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

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

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

4) Перетащить картинки в область, либо нажать на надпись и выбрать изображения в открывшемся диалоговом окне.

Дождаться загрузки 

5) Нажать "Загрузить".

Пока идет загрузка (как на картинке), кнопку "Загрузить" нажимать не нужно. Как только изображения все будет видно полностью, можно загружать.

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

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

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

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

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

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

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

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

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