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

Что делает модуль

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

Где пригодится

Подходит для заявки, расчёта стоимости или краткой информации, которую важно показать в контексте текущей страницы.

Пример из демо-шаблона

Ниже — реальная метка из дизайна FoXBuilder. Система подставляет в неё вывод модуля или данные текущей страницы; метки настраиваемых экземпляров задаются в админке.

<div class="estimate-action">[#estimate_modal#]</div>

Формы заявки, подсказки и дополнительная информация без ухода со страницы.

На главной FoXBuilder кнопка расчета открывает окно с формой.

Как это собрать

1. Создайте экземпляр модуля и выберите его HTML-шаблон.
2. Добавьте метку [#estimate_modal#] в шаблон страницы и привяжите экземпляр.
3. Заполните содержимое на нужных языках.
4. Откройте демо-страницу и проверьте результат.

Код шаблона

modules/modal_windows/templates/trigger/link.html

<a class="primo-modal-trigger" href="#%modal_id%" data-primo-modal-open="%modal_id%">%label%</a>

Метка в шаблоне страницы

[#estimate_modal#]