Простой Адаптивный Лендинг – Маленькие Хитрости - Галерея-Карусель

В версии 1.2.0 Простой Адаптивный Лендинг получил замечательный функционал галереи-карусели, которая позволяет выводить динамический блок контента с изображениями, описанием и кнопками, что может быть полезным для вывода списка партнёров, портфолио проектов или галереи товаров/услуг.

Компонент поддерживает 2 шаблона, различающиеся по функциональности:

• Lite - шаблон для работы на редакции 1С-битрикс "Первый Сайт" (использует всего 2 свойства инфоблока, цвет всех кнопок задаётся в параметре компонента)
• Full - рекомендованный шаблон, может быть полноценно использован на редакции 1С-Битрикс "Старт" и выше (использует 9 свойств инфоблока, позволяет задать цвет каждой кнопки индивидуально) 

Работа компонента (в обоих его вариантах) настраивается мастером установки сайта. Так же производится установка одного из наборов демо-данных в зависимости от выбранного пункта мастера установки:

Т.е. ещё на этапе установки можно выбрать 1 из 3 вариантов:

• не устанавливать галерею вообще
• установить с шаблоном lite (и демо-данными для lite)
• установить с шаблоном full (и демо-данными для full), данный вариант выбран по умолчанию
  

Часть выводимых данных не зависит от шаблона.

Автоматически выводимые данные

• Название элемента
• Картинка (картинка для анонса)
• Описание (описание для анонса) 

Дополнительные параметры, влияющие на вывод информации:

• Активность - выводятся ТОЛЬКО активные элементы
• Начало активности - выводятся ТОЛЬКО элементы с НАСТУПИВШЕЙ датой/временем активности (может использоваться для отложенной публикации)
• Окончание активности - выводятся ТОЛЬКО элементы ДО ИСТЕЧЕНИЯ даты/времени активности.
• Сортировка - индекс сортировки влияет на порядок следования элементов
• Раздел - группировка по разделам используется для вывода групп элементов в разных частях сайта (см. параметры компонента)
• SEO - настройки параметров для поисковой оптимизации элемента (например, альтернативный текст картинки)
  

Рассмотрим варианты работы компонента в случае разных шаблонов, а так же настройки параметров компонентов.

Шаблон Full
Параметры компонента

• Тип инфоблока - IBLOCK_TYPE - необязательное поле, используется только для сужения выборки списка инфоблоков
• Инфоблок - IBLOCK_ID - обязательное поле, указывается источник данных для вывода
• Раздел инфоблока - PARENT_SECTION - необязательное поле, сужает выборку для вывода элементов только конкретного раздела. Принимаемое значение - Число.
• Код раздела инфоблока - PARENT_SECTION_CODE - необязательное поле, сужает выборку для вывода элементов только конкретного раздела (аналогично предыдущему праметру). Принимаемое значение - КОД раздела
• Максимальное число элементов карусели - BANNERS_COUNT - необязательное поле, ограничивает количество выводимых элементов.
• Выводит пагинацию под каруселью - DISPLAY_PAGINATION - необязательное поле, если галочка стоит, под блоком карусели выводятся точки для быстрой прокрутки карусели к конкретному слайду: 
• Свойство для хранения текста 1-й кнопки - PROPERTY_CODE_BUTTON_1_TEXT - необязательное поле, Принимаемое значение - КОД СВОЙСТВА ЭЛЕМЕНТА ИБ (для 2-й и 3-й кнопок аналогично, меняется только число в коде свойства и параметре)
• Свойство для хранения ссылки 1-й кнопки - PROPERTY_CODE_BUTTON_1_LINK - необязательное поле, Принимаемое значение - КОД СВОЙСТВА ЭЛЕМЕНТА ИБ (для 2-й и 3-й кнопок аналогично, меняется только число в коде свойства и параметре)
• Свойство для хранения цвета 1-й кнопки - PROPERTY_CODE_BUTTON_1_COLOR - необязательное поле, Принимаемое значение - КОД СВОЙСТВА ЭЛЕМЕНТА ИБ (для 2-й и 3-й кнопок аналогично, меняется только число в коде свойства и параметре)
  

У каждого элемента инфоблока таким образом есть 9 параметров кнопок (3 текста, 3 ссылки, 3 цвета), которые позволяют индивидуально оформить каждый блок!
В случае, если текст кнопки не заполнен - она не выводится

Шаблон Lite
Параметры компонента  

• Тип инфоблока - IBLOCK_TYPE - необязательное поле, используется только для сужения выборки списка инфоблоков
• Инфоблок - IBLOCK_ID - обязательное поле, указывается источник данных для вывода
• Раздел инфоблока - PARENT_SECTION - необязательное поле, сужает выборку для вывода элементов только конкретного раздела. Принимаемое значение - Число.
• Код раздела инфоблока - PARENT_SECTION_CODE - необязательное поле, сужает выборку для вывода элементов только конкретного раздела (аналогично предыдущему праметру). Принимаемое значение - КОД раздела
• Максимальное число элементов карусели - BANNERS_COUNT - необязательное поле, ограничивает количество выводимых элементов.
• Выводит пагинацию под каруселью - DISPLAY_PAGINATION - необязательное поле, если галочка стоит, под блоком карусели выводятся точки для быстрой прокрутки карусели к конкретному слайду: 
• Свойство для хранения текста кнопок - PROPERTY_CODE_BUTTON_TEXT- необязательное поле, Принимаемое значение - КОД СВОЙСТВА ЭЛЕМЕНТА ИБ
• Свойство для хранения ссылки кнопок - PROPERTY_CODE_BUTTON_LINK - необязательное поле, Принимаемое значение - КОД СВОЙСТВА ЭЛЕМЕНТА ИБ
• Свойство для хранения цвета кнопок - PROPERTY_CODE_BUTTON_COLOR - необязательное поле, Принимаемое значение - класс, применяемый к кнопке.
  

У каждого элемента инфоблока таким образом есть 2 множественных параметра кнопок, которые позволяют оформить блоки в общем стиле, задав столько кнопок, сколько необходимо (количество множественных значений для каждого свойства не ограничено)!
В случае, если текст кнопки не заполнен - она не выводится

Возможные проблемы
Нет компонента - 'coffeediz:galery-carusel' is not a component


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

• Зайдите по адресу
• Произведите установку:
  

Примечание. Опытные пользователи могут произвести самостоятельную установку только компонентов из папки /bitrix/modules/coffeediz.startbootstraplandingpage/install/components/ в /bitrix/components/

Не работает перелистывание, отображаются все элементы карусели (а не только 3 первых)
Для корректной работы компонента необходимо на странице обеспечить вывод JS библиотек, осуществляющих смену слайдов. В простом адаптивном Лендинге это осуществляется отложенной функцией <?$APPLICATION->ShowViewContent('myCarousel');?> в конце шаблона сайта.
Не удаляйте эту строку, а так же файлы component_epilog.php из шаблонов компонентов в целях сохранения работоспособности!
Рекомендуемое решение - восстановить целостность шаблона сайта и шаблона компонента.

Съезжает вёрстка при самостоятельном размещении
Компонент не требует размещения внутри блоков других компонентов или включаемых областей.
Рекомендуется размещение напрямую в файле страницы (index.php, например) между другими компонентами.