Перейти к содержанию

Всплывающие баннеры

Deliverest поддерживает промо-модальные окна поверх слайдера меню — удобно для «Подарка от шефа», повышенного кешбэка или сезонных офферов. Настройка занимает пару шагов.

1. Подготовьте шаблон модального окна

  1. Перейдите в Контент → Шаблоны.
  2. Откройте нужный шаблон:
  3. SuperdostavkaSiteBundle:Modal:cashback.html.twig — модальное окно с кешбэком.
  4. SuperdostavkaSiteBundle:Modal:giftPositionsModal.html.twig — окно с подарочными позициями.
  5. Отредактируйте заголовок, тексты, изображения. Сохраняйте правку кнопкой «Сохранить и вернуться к списку».

Шаблоны поддерживают тот же Twig, что и остальные страницы, поэтому можно переиспользовать компоненты (например, блок с таймером акции).

2. Свяжите модальное окно со слайдером

Откройте Настройки → Слайдер и выберите нужный баннер.

Вариант А. Вся карточка — кнопка

  • Выберите тип «Модальное».
  • В поле «Название модального» укажите cashback или giftPositionsModal.

Вариант Б. Кликабельная область внутри баннера

  • Выберите тип «Произвольный HTML».
  • Вставьте ссылку с вызовом модального окна:
<a ng-click="toggleModal('cashback', true, true)" style="display:block; padding:12px 0 40px; cursor:pointer;">
  Подробнее о кешбэке
</a>

Первый аргумент функции toggleModal — идентификатор шаблона (используйте cashback или giftPositionsModal). Стиль подбирайте под макет конкретного баннера.

Управление и советы

  • Модали наследуют общее оформление сайта, поэтому достаточно сменить фон и текст в шаблоне.
  • При временной паузе акции деактивируйте соответствующий слайд — модальное окно перестанет открываться.
  • Тестируйте поведение на мобильных устройствах: для маленьких экранов сократите текст и оставьте один call-to-action.
  • Комбинируйте модальные окна с push-кампаниями и модулем «Подарок от шефа» — клиенты сразу понимают, как активировать предложение.