После размещения компонента на странице в редакторе Creatium вы видите «заглушку» (или «шаблон») — картинку, которая позволяет вам видеть размеры компонента, но при этом не является самим слайдером.
В правом верхнем углу компонента находится стандартная панель настроек Creatium. Настройки компонента открываются по нажатию иконки с изображением гаечного ключа.
После клика на иконку появится окно с двумя вкладки в верхней части.
Раздел «Данные» предназначен для подключения таблиц и получения картинок из них. Информацию о разных вариантах использования таблиц можно получить в статье «Тип подключения к таблице».
Здесь же определяется, что должно происходить по клику на слайд. Варианты:
На иллюстрации ниже настроено всплывающее окно иллюстрация + текст. Слайды в нём объединены в карусель.
Здесь же находится функция интеграции с другими компонентами Creatium, созданными нашей студией. Для этого вам нужно проставить галочку напротив «Включить интеграцию с другими блоками». А затем в поле Название для интеграции ввести буквенно-цифровой код.
В настоящее время реализована интеграция с компонентом «Товар с ценой зависящей от опции», прочитать об этом можно по ссылке в разделе «Подключение интеграции для смены картинки в зависимости от опции».
Раздел «Внешний вид» имеет 5 внутренних вкладок:
Вкладка позволяет выбрать базу данных картинок из таблиц или же вставлять картинки в самом редакторе. Рассмотрим последний вариант.
Чтобы добавлять картинки в слайдер из редактора, вам нужно выбрать тип подключения к базе «Вручную».
Далее вы устанавливаете количество слайдов, например, 6. Максимально допустимое число — 20. Это можно сделать, перемещением ползунка, как показано на картинке ниже.
Можно также кликнуть мышкой по числу (на картинке выше это «6») и в отдельном окошке выставить число вручную.
Если вы выставите более 20 элементов, то получите сообщение об ошибке, а в настройках останется прежнее число.
На месте отсутствующих картинок вы увидите «заглушку»:
Чтобы загрузить картинку, кликните на область информации о картинке (серая область на скриншоте):
У вас будет 3 варианта:
После того как вы подключили базы данных или загрузили картинки вручную, вы можете задать внешний вид слайдера.
Вам следует выбрать шаблон из трёх имеющихся:
Внешний вид > Основное > выпадающий список «Выберите шаблон»
Внешний вид > Основное > чекбокс «Объединить слайды в карусель»
По клику на картинку верхнего ряда (то есть собственно слайдера) компонент запускает лайтбокс и слайд (картинка или видео) занимают весь экран на тёмном фоне.
Но чтобы посмотреть следующую картинку, пользователю придётся закрыть текущую. И вот чтобы иметь возвожность просматривать все слайды в лайтбоксе, следует поставить галочку в настройке «Объединить слайды в карусель».
Вы получите:
1. Ленту со всеми миниатюрами. (Если к слайдеру подключено меньше миниатюр, то первые 2 повторятся.)
Вот как это может выглядеть:
Работает на Creatium