В версии 1.2.0 Простой Адаптивный Лендинг получил замечательный функционал галереи-карусели, которая позволяет выводить динамический блок контента с изображениями, описанием и кнопками, что может быть полезным для вывода списка партнёров, портфолио проектов или галереи товаров/услуг.
Компонент поддерживает 2 шаблона, различающиеся по функциональности:
Lite - шаблон для работы на редакции 1С-битрикс "Первый Сайт" (использует всего 2 свойства инфоблока, цвет всех кнопок задаётся в параметре компонента)
Full - рекомендованный шаблон, может быть полноценно использован на редакции 1С-Битрикс "Старт" и выше (использует 9 свойств инфоблока, позволяет задать цвет каждой кнопки индивидуально)
[spoiler]
Работа компонента (в обоих его вариантах) настраивается мастером установки сайта. Так же производится установка одного из наборов демо-данных в зависимости от выбранного пункта мастера установки:
Т.е. ещё на этапе установки можно выбрать 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, например) между другими компонентами.
Примечание для разработчиков Компонент coffeediz:galery-carusel является всего лишь оболочкой для удобной работы с параметрами компонента. Для кастомизации внешнего вида придётся вносить правку в соответствующий шаблон компонента bitrix:news.list в шаблоне сайта. Таблица соответствия:
Уважаемые коллеги, хотелось бы услышать ваше мнение. Достаточно ли информации по конкретному компоненту? Я не стал описывать простейший сценарий добавления/изменения элемента, поскольку данные тянутся из инфоблока. Может быть вам необходима всё же эта информация в разделе "примеры использования"?
Я не стал описывать простейший сценарий добавления/изменения элемента, поскольку данные тянутся из инфоблока. Может быть вам необходима всё же эта информация в разделе "примеры использования"?