Попап, который не мешает оплате
Настраивает слой выбранного попапа и закрывает его только после успешной отправки.
ТИЛЬДА УМЕЕТ ЭТО САМА
Открывает и закрывает родные попапы, удерживает фокус внутри, возвращает его к кнопке и сообщает об открытии и закрытии событиями popupShowed и popupHidden. Форма отдельно сообщает подтверждённый успех событием tildaform:aftersuccess.
Где это у неё: t_popup__showPopup, t_popup__closePopup, t_popup__trapFocus в tilda-popup-1.0.min.js; tildaform:aftersuccess в tilda-forms-1.0.min.js.
Чего в родной версии нет: В интерфейсе нет одного правила «после успеха этой формы закрой именно этот попап» и нет общей настройки относительного слоя пользовательского попапа, корзины и фиксированного хедера.
Как устроен мод
РЕЗУЛЬТАТ
Настраивает слой выбранного попапа и закрывает его только после успешной отправки.
КАК ВСТРАИВАЕТСЯ
Готовый файл подключается через блок T123 на странице с попапом. Секции назначается класс mk-safe-popup. Настройки передаются в MK_MOD_172; генератор ниже собирает их без ручной правки JavaScript.
ГРАНИЦЫ БЕЗОПАСНОСТИ
- Мод меняет только размеченную секцию или явно выбранные элементы и не подменяет отправку форм, оплату либо серверные данные Тильды.
- Не переименовывать класс и служебные data-атрибуты после копирования: по ним мод отделяет свой экземпляр от остальных блоков страницы.
- После изменения структуры блока повторить опубликованный сценарий из чек-листа, а не ограничиваться просмотром в редакторе.
КРИТЕРИИ ГОТОВНОСТИ
- Сборка 1.0 загружается без ошибок и выполняет минимальный пользовательский сценарий на сохранённой странице Тильды; проверено 12.08.26.
- Повторная инициализация не создаёт второй экземпляр интерфейса и не ломает соседние стандартные блоки.
- Параметры генератора совпадают с meta.json и попадают в код с правильными типами.
ПАРАМЕТРЫ
- popup .t-popup
- Попап
<script src="https://modkod.ru/mk/v1.0/mod-172.js" defer></script> <script> window.MK_MOD_172 = { zIndex: 100000, closeAfterSuccess: true, }; </script>
mk-safe-popup
/* Настройки блока → CSS класс.
Один класс на секцию — элементы
внутри мод найдёт сам. */
Пять шагов до готовой страницы
- 01 Подготовьте секцию Откройте настройки нужной секции Zero Block и впишите mk-safe-popup в поле «CSS class name».
- 02 Добавьте блок T123 блок T123 на странице с попапом. Один блок с кодом ставьте один раз на страницу.
- 03 Скопируйте готовую вставку Код ниже подключает закреплённую версию 1.0; её поведение не изменится само после сдачи сайта.
- 04 Опубликуйте страницу Проверяйте опубликованный адрес, а не только предпросмотр редактора Тильды.
- 05 Пройдите приёмку Сборка 1.0 загружается без ошибок и выполняет минимальный пользовательский сценарий на сохранённой странице Тильды; проверено 12.08.26.
Про этот мод написано
4 разбораПохожие задачи
3 модаПлавающая кнопка без наложений
Собирает выбранные плавающие кнопки в вертикальную очередь.
Autoscale для попапа
Масштабирует содержимое попапа в доступную область без потери собственных отступов.
Попап при уходе со страницы
Открывает выбранный попап один раз за сессию при движении курсора через верх окна.