Создание группы баннеров

Рассмотрим, как нам создать группу баннеров на OkayCMS, к группе создадим слайды, разберем настройки баннеров и выведем это у нас в шаблоне.

Первым этапом создадим группу баннеров

Заходим в админ-панель OkayCMS, в левом боковом меню находим пункт “Баннеры” и в нем “Группы баннеров

В группе баннеров мы увидим все текущие группы баннеров, на каких страницах или товарах отображается данная группа и активность.

Далее нажимаем на кнопку “Добавить группу баннеров”: 

Теперь займемся настройкой новой группы баннеров

Обязательно задаем название, можно писать кириллицей, название будет отображаться только у нас в админ. панели.

К примеру, у нас будет группа со смартфонами, пишем название “Смартфоны”

Также можем настроить активность группы баннеров, ставим переключатель на активный.

ID группы баннера - это уникальный ключ по которому мы сможем взаимодействовать с баннерами. Рекомендуется писать в нижнем регистре и латинскими буквами, назовем его:

smartphones_banners_group

Индивидуальный шорткод - этот пункт нам позволяет создавать шорткоды, это нам понадобится для вывода на страницу, включаем его нажимаем “Применить”

После этого у нас создаться шорткод, вернемся к нему немного позже.

Далее мы можем настроить отображение баннеров на страницах, категориях товаров или брендах на отдельных или отображать для всех, мы будем отображать для всех.

Последнее что мы настроим в группе баннеров будет само отображение на сайте:

1. Группа баннеров как слайдер - позволяет включать/выключать функционал слайдера на основе Swiper.JS
2. Автоперелистывание слайдов (autoplay) - слайды будут автоматически меняться сами по себе
3. Бесконечный слайдер (loop) - при достижении последнего слайда и перелистывании на следующий мы вернемся на первый слайд
4. Стрелки слайда (arrows)
5. Точки навигации (bullets/dots)
6. Скорость смены слайдов - параметр отвечает за то с какой скоростью будут перелистываться слайды, задается в мс.

Настраиваем под себя и нажимаем кнопку  “Применить”:

Вторым этапом у нас будет создание отдельных баннеров и привязка к новой группе баннеров

В боковом меню находим пункт “Слайды”, они же баннера. Здесь у нас будут отображатся все созданные баннера, так же мы можем управлять активностью каждого отдельного баннера, быстро привязать к группе и управлять порядком отображения.

Нажимаем на кнопку “Добавить баннер”

В настройках нового баннера нам необходимо ввести имя баннера и привязать его к нашей группе “Смартфоны”, а так же в поле “Адрес (URL)” можем добавить произвольную ссылку на сторонний ресурс или на страницы нашего сайта.

Рассмотрим дополнительные настройки баннера:

Изображение - доступны большинство растровых и векторных формат изображение.

Вариант отображения - определяет каким образом выглядит расположение текстов.

Ресайз баннеров -  преобразовывает изображение из одного разрешения в другое. Например, из 1200х700 в 800х480.

Текст для баннера - здесь мы может задать Заголовок, текст и Название изображения (Alt для SEO)

Заполняем и нажимаем применить. Группа баннеров и баннер у нас есть, осталось их вывести на страницу.

Вернемся в нашу группу баннеров и копируем название шорткода.

Затем переходим в пункт меню админ.панели Дизайн>Файлы шаблона и находим файл main.tpl (главная страница сайта).

Осталось только вставить наш шорткод.

Готово! Группа баннеров отображается в нужном на месте