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