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