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

В версии 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 в шаблоне сайта.
Таблица соответствия:
компонентшаблон путькомпонентшаблонпуть
coffeediz:galery-caruselfull/bitrix/components/coffeediz/galery-carusel/templates/full/bitrix:news.listcoffeediz.galery_carusel_full/bitrix/templates/Start_Bootstrap_Landing_Page/
components/bitrix/news.list/coffeediz.galery_carusel_full/
coffeediz:galery-carusellite/bitrix/components/coffeediz/galery-carusel/templates/lite/bitrix:news.listcoffeediz.galery_carusel_lite/bitrix/templates/Start_Bootstrap_Landing_Page/
components/bitrix/news.list/coffeediz.galery_carusel_lite/
оригинальная статья






Страница решения "Простой Адаптивный Лендинг"
0
Пользователь 37620
20.11.2014 15:49:32
Уважаемые коллеги, хотелось бы услышать ваше мнение. Достаточно ли информации по конкретному компоненту?
Я не стал описывать простейший сценарий добавления/изменения элемента, поскольку данные тянутся из инфоблока. Может быть вам необходима всё же эта информация в разделе "примеры использования"?