Модификация находится в бета-версии. Если нашли ошибку, сообщите о ней здесь

Модификации

+16

Максим Постников

hello@postnikovmd.com

Политика Конфиденциальности

+16

Главная
→
Модификации
→
Поп-ап из Zero-блоков
→
Время настройки: 2 минуты

Поп-ап из Zero-блоков

Позволяет создавать полностью кастомные слайдеры из Zero-блоков — с управлением кнопками, зацикливанием, табами и настраиваемой анимацией

Классический поп-ап из Zero-блока

Поп-ап с переключением слайдов

Модификация

Поп-ап с формой обратной связи

Модификация

Поп-ап с формой обратной связи

Инструкция по установке

1

Cкопируйте код ниже и вставьте его внутрь <head> в настройках сайта

Этот код устанавливается только один раз. Если он уже стоит у вас на сайте, добавлять его снова не нужно, просто пропустите этот шаг.

<script src="https://cdn.jsdelivr.net/gh/postnikovmd/tilda@1.0.5/popup.min.js"></script>

1
2

Добавьте на страницу стандартный блок BF503 (Popup: Information) и присвойте ему класс .uc-popup

Если вы планируете использовать несколько поп-апов на странице, задайте им разные названия классов, например, .uc-popup1, .uc-popup2 и т.д.
3

Добавьте на страницу Zero-блок с формой обратной связи, присвойте ему такой же класс и задайте его высоту в 100% экрана

Если вы хотите создать своё сообщение об успешной отправке данных, добавьте ещё один Zero-блок с таким же классом и расположите его после формы
4

Задайте ссылку для открытия поп-апа в настройках стандартного блока, а в Zero-блоке – поставьте ссылку #close для кнопок его закрытия
5

Скройте стандартную кнопку отправки данных в настройках формы и добавьте в блок свою кнопку со ссылкой #submit
6

Задайте в настройках модификации параметры анимации поп-апа

В сообщение об успешной отправке данных можно добавить lottie-анимацию. Для этого создайте в блоке шейп с классом .lottie, куда будет загружаться анимация и задайте в генераторе кода ссылку на файл с анимацией
7

Скопируйте код и вставьте его в блок T123 в конец страницы

Видео скоро появится…

Настройки модификации

Скорость и тип переходов:

Класс поп-апа:

Анимация появления:

<script>popup.init(".uc-popup")</script>

Скопировать код

Документация

Параметры

Модификации для Zero

Оцените сервис

Нравится 100+ человек

Присоединяйтесь ко мне в Telegram-канале!

Чтобы узнавать о новых модификациях и получать оперативную тех. поддержку

t.me/postnikovmds

Можете меня поблагодарить

Если у вас есть желание поблагодарить автора за работу, можете пожертвовать любую сумму на развитие проекта

Присоединяйтесь ко мне в Telegram-канале!

Чтобы узнавать о новых модификациях и получать оперативную тех. поддержку

t.me/postnikovmds

Обо мне

Проекты

Блог

Связаться

Модификации

Максим Постников

Сообщить об ошибке

Политика Конфиденциальности

Столкнулись с ошибкой?

Расскажите подробнее о проблеме, при которой модификация не работает или работает неправильно

Хотите получить ответ по проблеме? Напишите напрямую на почту hello@postnikovmd.com или в Telegram

Хотите получить ответ по проблеме? Напишите напрямую на на почту или в Telegram

Расскажите подробнее о проблеме, при которой модификация работает неправильно

Сообщение отправлено

Спасибо за обращение! Мы провалидируем ошибку и исправим её в ближайшее время

Нравятся модификации?

Поделитесь впечатлениями от работы с библиотекой — обратная связь поможет нам стать лучше

Поделитесь впечатлениями о сервисе — обратная связь поможет нам стать лучше

Сообщение отправлено

Спасибо, что делитесь с нами! Это помогает нам развиваться и улучшать сервис