Кастомный Popup в ZeroBlock с анимацией

Кастомный popup в ZeroBlock для Tilda: сделайте модальное окно под заявку, акцию, форму, сообщение или дополнительный контент. Код помогает открыть popup по кнопке и оформить его свободнее, чем в стандартных блоках.

← Назад к каталогу

открыть модальное окно

Что получится:

Шаг 3.

Делаем адаптив модального окна, для всех разрешениий экрана, добавляем на страницу с модальным окном блок HTML Т123.

Шаг 4.

Генерируем на этой странице в следующем блоке код, вставляем его в блок HTML сохраняем публикуем страницу.

Шаг 1.

Добавляем на страницу ZaroBlock добавляем блоку класс uc-block задаём ему необходимый фон, установим в настройках высоту блока 100%, добавляем само модальное окно это shape, на shape добавляем текст, кнопку или форму. Добавляем кнопку которая будет открывать модальное окно добавляем ей класс btn-click

Шаг 2.

Каждому элементу модального окна, в том числе и shape в ZaroBlock кроме кнопки закрыть добавляем класс uc-modal, кнопке закрыть добавляем класс close. У всех картинок установим в настройках lazyload: off.

Забираем результат