Содержимое и оформление
Обновлено
Где менять оформление
Откройте баннер в Магазин → Маркетинг → Промо, затем блок «Плагин Easyweb: Всплывающие баннеры». Значения по умолчанию ниже относятся к новому баннеру в редакторе.
Изображение, заголовок, основной текст, ссылка и дата обратного отсчёта берутся из первого баннера стандартного правила промо. Отдельных полей плагина для загрузки изображения или редактирования основного текста нет. По истечении обратного отсчёта таймер сообщает о завершении акции; сам по себе таймер не закрывает окно.
Содержимое
| Настройка | Что делает | Значения / по умолчанию |
|---|---|---|
| Скрыть изображение | Флажок «Не выводить изображение баннера» убирает изображение из окна или панели | Выключено |
| Размер заголовка | Задаёт размер заголовка | По умолчанию «Большой (24px)»; полный список ниже |
| Размер текста | Задаёт размер основного текста | По умолчанию «Средний (15px)»; полный список ниже |
| Текст кнопки | Подпись кнопки-ссылки | Пусто; кнопка появляется, только если заполнены и текст, и ссылка стандартного баннера |
| Размер кнопки | Задаёт размер кнопки | «Маленький», «Стандартный» (по умолчанию), «Большой» |
| Стиль кнопки | Задаёт оформление кнопки | «Заливка» (по умолчанию), «Тёмная», «Только бордер», «Градиент: фиолетово-синий», «Градиент: бирюзово-синий», «Градиент: розово-оранжевый», «Градиент: фиолетово-розовый», «Градиент: зелёно-синий» |
| Кнопка во всю ширину | Флажок «Растянуть кнопку на всю ширину» растягивает кнопку в окне | Выключено. В выдвижной панели кнопка всегда во всю ширину |
| Открывать в новой вкладке | Флажок «Открывать ссылку кнопки в новой вкладке» задаёт открытие ссылки с target="_blank" |
Выключено |
У полей «Размер заголовка» и «Размер текста» одинаковые варианты:
- «Маленький (14px)»;
- «Базовый (16px)»;
- «Средний (15px)»;
- «Увеличенный (18px)»;
- «Крупный (20px)»;
- «Большой (24px)»;
- «Очень большой (30px)».
На компьютере CSS дополнительно корректирует часть размеров текста при узком окне браузера. Тема также может влиять на итоговое оформление.
Всплывающее окно (десктоп)
| Настройка | Что делает | Значения / по умолчанию |
|---|---|---|
| Позиция | Размещает окно на экране | «По центру» (по умолчанию), «Сверху», «Снизу», «Сверху слева», «Сверху справа», «Снизу слева», «Снизу справа» |
| Ширина | Выбирает ширину окна | «Узкий (400px)», «Средний (600px)» (по умолчанию), «Широкий (800px)», «На всю ширину», «Своя ширина» |
| Ширина в пикселях | Задаёт ширину при выборе «Своя ширина» | Изначально пусто; форма допускает от 200 до 2000 |
| Анимация | Выбирает эффект появления | «Плавное появление» (по умолчанию), «Снизу вверх», «Сверху вниз», «Масштабирование (zoom)» |
«На всю ширину» задаёт 90vw, то есть 90% ширины области просмотра. Для окон есть ограничение максимальной ширины, поэтому указанное число пикселей не гарантирует такую же ширину на маленьком экране.
Окна в одной угловой позиции складываются вертикально; после закрытия одного оставшиеся сдвигаются. Для «По центру», «Сверху» и «Снизу» действует одна общая очередь. Например, окно «Сверху» дождётся закрытия уже открытого окна «По центру».
На компьютере затемняющий фон не создаётся. Настройки фона относятся к мобильной панели.
Выдвижная панель (мобильные)
Эти параметры используются на телефонах и планшетах. Пока панель открыта, прокрутка страницы блокируется. Если подходит несколько панелей, они открываются по очереди.
| Настройка | Что делает | Значения / по умолчанию |
|---|---|---|
| Позиция | Задаёт сторону появления панели | «Снизу» (по умолчанию), «Сверху», «Слева», «Справа» |
| Высота | Выбирает CSS-вариант высоты панели | «Автоматическая» (по умолчанию), «Половина экрана», «Во всю высоту» |
| Закрытие свайпом | Флажок «Включить закрытие свайпом» включает обработку жеста | Включено |
| Порог свайпа (px) | Задаёт расстояние свайпа для закрытия | 100; диапазон в форме от 50 до 500 |
| Закрытие по фону | Флажок «Закрывать по клику по затемнённому фону» включает закрытие при нажатии вне панели | Включено |
Свайп направляется к стороне, откуда пришла панель: нижнюю смахивают вниз, верхнюю — вверх, левую — влево, правую — вправо. Быстрый жест может закрыть панель и на меньшем расстоянии: скрипт учитывает также скорость движения.
«Половина экрана» задаёт высоту 50vh, «Во всю высоту» — 100vh. Боковые панели имеют ширину 85vw с ограничением 400px.
Поведение
| Настройка | Что делает | Значения / по умолчанию |
|---|---|---|
| Кнопка закрытия | Флажок «Показывать кнопку закрытия» управляет крестиком | Включено |
| Автозакрытие (сек.) | Закрывает окно на компьютере по таймеру | 0 — без автозакрытия; диапазон в форме от 0 до 60. В мобильной панели этот таймер не реализован |
| Затемнение фона | Задаёт непрозрачность фона мобильной панели | 0.5; диапазон в форме от 0 до 1 с шагом 0.1. Значение 0 требует проверки, см. ниже |
| Z-index | Задаёт приоритет окна или панели относительно элементов страницы | 9999; диапазон в форме от 1 до 999999. Фон панели получает значение на единицу меньше |
| Закрытие по кнопке | Флажок «Закрывать баннер при клике на кнопку» управляет закрытием после клика по кнопке-ссылке | Включено |
| CSS-класс | Добавляет указанный класс к внешнему элементу окна или панели | Пусто; пример: my-promo-banner |
У числовых полей указаны ограничения формы, а не гарантии серверной проверки. В коде панели для «Затемнение фона» используется подстановка значения 0.5 при числовом нуле; не рассчитывайте на 0 как на гарантированное отключение затемнения.
Если отключённые флажки закрытия или свайпа не меняют поведение витрины, проверьте пояснение в FAQ.