Перейти к содержимому
ИЗБРАННОЕ 0 Забрать бесплатно
Модификации выключены. Так эта страница выглядит на обычной Тильде.

Квиз в один экран

MOD-118 ФОРМЫ И КВИЗЫ v1.0 ГОТОВ ✓ ПРОВЕРЕНО 12.08.26
Сообщить о проблеме

Показывает по одному размеченному шагу формы и сохраняет родную отправку Тильды.

ТИЛЬДА УМЕЕТ ЭТО САМА

Квиз у Тильды свой есть, и рантайм формы отличает его от обычной формы: от этого зависит, каким показать экран после отправки.

Где это у неё: t_forms__isQuiz ищет у поля родителя с классом .t-quiz в tilda-forms-1.0.min.js; про тот же класс знают попап, корзина, обрезка текста и «недокрут» — пять файлов рантайма, каждый со своей веткой под квиз.

Чего в родной версии нет: Шагов и прогресса в файле форм нет: step, progress и score не встречаются в нём ни разу. Отдельного файла про квиз в сохранённом корпусе рантайма тоже нет, так что сверено это по форме, а не по самому блоку квиза, — родной квиз может уметь больше, чем здесь видно.

ГОТОВ · ТЕХНИЧЕСКИЙ КОНТРАКТ

Как устроен мод

ГОТОВ И ПРОВЕРЕН

РЕЗУЛЬТАТ

Показывает по одному размеченному шагу формы и сохраняет родную отправку Тильды.

КАК ВСТРАИВАЕТСЯ

Готовый файл подключается через блок T123 рядом с формой в Zero Block. Секции назначается класс mk-one-screen-quiz. Настройки передаются в MK_MOD_118; генератор ниже собирает их без ручной правки JavaScript.

ГРАНИЦЫ БЕЗОПАСНОСТИ

  • Мод меняет только размеченную секцию или явно выбранные элементы и не подменяет отправку форм, оплату либо серверные данные Тильды.
  • Не переименовывать класс и служебные data-атрибуты после копирования: по ним мод отделяет свой экземпляр от остальных блоков страницы.
  • После изменения структуры блока повторить опубликованный сценарий из чек-листа, а не ограничиваться просмотром в редакторе.

КРИТЕРИИ ГОТОВНОСТИ

  • Сборка 1.0 загружается без ошибок и выполняет минимальный пользовательский сценарий на сохранённой странице Тильды; проверено 12.08.26.
  • Повторная инициализация не создаёт второй экземпляр интерфейса и не ломает соседние стандартные блоки.
  • Параметры генератора совпадают с meta.json и попадают в код с правильными типами.

ПАРАМЕТРЫ

Пометь группы data-mk-step.
ЕСТЬ ЕЩЁ, ВНУТРИ ФАЙЛА
next [data-mk-next]
Кнопка Далее
back [data-mk-back]
Кнопка Назад
progress [data-mk-progress]
Полоса прогресса
КУДА ВСТАВЛЯТЬ: блок T123 рядом с формой в Zero Block
<script src="https://modkod.ru/mk/v1.0/mod-118.js" defer></script>
<script>
  window.MK_MOD_118 = {
    step: '[data-mk-step]',
  };
</script>
7.0 КБ ПО СЕТИ · БЕЗ ВНЕШНИХ БИБЛИОТЕК · v1.0 Открыть mod-118.js целиком →
НЕ ХОТИТЕ ЗАВИСЕТЬ ОТ НАШЕГО ДОМЕНА Тот же мод одним куском, 18.5 КБ в блок T123 →
УСТАНОВКА БЕЗ ПРАВКИ JAVASCRIPT

Пять шагов до готовой страницы

v1.0 ЗАКРЕПЛЕНА
  1. 01 Подготовьте секцию Откройте настройки нужной секции Zero Block и впишите mk-one-screen-quiz в поле «CSS class name».
  2. 02 Добавьте блок T123 блок T123 рядом с формой в Zero Block. Один блок с кодом ставьте один раз на страницу.
  3. 03 Скопируйте готовую вставку Код ниже подключает закреплённую версию 1.0; её поведение не изменится само после сдачи сайта.
  4. 04 Опубликуйте страницу Проверяйте опубликованный адрес, а не только предпросмотр редактора Тильды.
  5. 05 Пройдите приёмку Сборка 1.0 загружается без ошибок и выполняет минимальный пользовательский сценарий на сохранённой странице Тильды; проверено 12.08.26.

Похожие задачи

3 мода