Как сделать любую форму в зероблоке?
Этот скрипт позволит тебе сделать форму с любым дизайном внутри твоего зероблока. Пример работы модификации внизу cтраницы
1 мин.
JavaScript
Zeroblock
Обновление от 31.12.23 - В слайдер были добавлены новые поля, а также recid теперь нужно писать без приставки "#rec", поэтому если вдруг что-то не работает, то см. видео, а также текстовую инструкцию ниже↓
!
1. Создай на странице формы в зероблоке которые нужно объединить в одну
2. Укажи в генераторе и задай этим формам класс через ПКМ => Add CSS Classname
3. Создай одну пустую техническую форму синхронизации и не убирай её за границы видимости в зероблоке (она скроется сама и через неё все формы будут объединяться). Не забудь подвинуть её в слоях в самый низ
4. Также задай и укажи в генераторе класс для этой технической формы через ПКМ => Add CSS Classname и добавь в неё 1 инпут с типом text comment
5. Создай шейп\кнопку по которой у тебя будет отправляться объединенная форма и для неё тоже задай и укажи в генераторе класс
5. Cгенерируй код со всеми нужными тебе параметрами и помести блок с модификацией ниже зеро с формами
2. Укажи в генераторе и задай этим формам класс через ПКМ => Add CSS Classname
3. Создай одну пустую техническую форму синхронизации и не убирай её за границы видимости в зероблоке (она скроется сама и через неё все формы будут объединяться). Не забудь подвинуть её в слоях в самый низ
4. Также задай и укажи в генераторе класс для этой технической формы через ПКМ => Add CSS Classname и добавь в неё 1 инпут с типом text comment
5. Создай шейп\кнопку по которой у тебя будет отправляться объединенная форма и для неё тоже задай и укажи в генераторе класс
5. Cгенерируй код со всеми нужными тебе параметрами и помести блок с модификацией ниже зеро с формами
Инструкция
Важно!
- ЕСЛИ ДЕЛАЕШЬ НЕСКОЛЬКО ТАКИХ ФОРМ, то не забудь отметить последний чекбокс "Включи если..."
- Обязательно задавай инпутах форм которые надо объединять в одну variable name
- Не задвай класс начиная с заглавных букв или цифр!
- Заполняй поля в таком же формате, в каком полупрозрачным написаны ориентировочные значения в генераторе, ведь именно в таком виде он их ожидает получить
- Обязательно задавай инпутах форм которые надо объединять в одну variable name
- Не задвай класс начиная с заглавных букв или цифр!
- Заполняй поля в таком же формате, в каком полупрозрачным написаны ориентировочные значения в генераторе, ведь именно в таком виде он их ожидает получить
(Развернуть)
Скопировать
- Для дней класс
vdays
undefined
undefined
undefined
undefined
undefined
undefined
Скопировать код
Отчистить поля
Этот мод доступен по подписке
0
299
₽
₽
Voron Free
Voron Pro
всего за
/ мес.
Доступны все модификации за пару кликов
Просмотр используемых блоков и их настроек на любом сайте на Tilda, в том числе step-by-step анимаций
CSS Helper – возможность генерировать CSS без знания кода
Удобная подсветка кода + перенос строк в блоках т123 для удобства редактирования кода
Техническая поддержка в Telegram
Никаких автоплатежей
Только базовые функции
299 ₽
Доступ к 11 бесплатным модификациям
Сетка и колонки для всего проекта (zero, стандартные блоки)
Темная тема для Tilda Publishing
Отображение всех используемых блоков в боковом меню
123
Форма ниже собрана из нескольких форм в зероблок, но по факту работает как единое целое, отправляя все данные как если бы они были вбиты в одну форму
Пример работы модификации
Отправить Форму
Опиши нужный функционал через эту форму и он будет добавлен!
Нажимая "Отправить", вы даете согласие на обработку персональных данных в соответствии с Политикой конфиденциальности
Не хватает какой-то функции?