Модальні вікна

Що робить модуль

Модальне вікно складається з налаштовуваних областей вмісту й відкривається кнопкою в дизайні сайту.

Де стане у пригоді

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

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

Нижче — реальна мітка з дизайну 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#]