Модальное окно

Использование

С темой SmartKit вы можете создавать модальные окна с максимальной гибкостью, используя WPBakery Page Builder.
Вы можете поместить любой контент в модальные окна.

Модальные окна могут отображаться в различных условиях: по классу, по таймеру, при прокрутке страницы или при уходе пользователя со страницы.

Показать модальное окно

Чтобы закрыть модальное окно, нажмите кнопку закрытия или клавишу ESC.

Ширина модального окна

Можно выбрать разные значения ширины модального окна.

Маленькое модальное окно
Среднее модальное окно
Модальное окно по ширине контейнера
Модальное окно на весь экран

Положение кнопки закрытия

Можно выбрать разные положения кнопки закрытия.

Окно справа
Снаружи справа
Внутри справа
Окно слева
Снаружи слева
Внутри слева

Положение модального окна

Можно выбрать одно из шести расположений для модального окна.

Вверху слева
Вверху по центру
Вверху справа
Снизу слева
По центру
Снизу справа

Настройки фона

В качестве фона модального окна можно выбрать:

  • Цветовую заливку
  • Градиентную заливку
  • Изображение

Для того, чтобы окно выглядело более контрастно, активируйте параметр Оверлей.

Окно с тёмным фоном
Окно с градиентом
Окно с картинкой
Окно без оверлея
Окно с оверлеем primary
Окно с градиентным оверлеем