Время настройки: 2 минуты

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

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

Модификация

Модификация

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

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

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

<script src="https://cdn.postnikovmd.com/tilda@1.4/mods.min.js"></script>

Добавьте на страницу стандартный блок T1093 и присвойте ему класс .uc-popup

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

Чтобы добавить стандартный блок в поп-ап, используйте вместо T1093 блок BF503 (Popup: Information).
Добавьте на страницу Zero-блок с содержимым поп-апа и присвойте ему такой же класс

Для корректного отображения лучше всего задать Zero-блоку высоту в 100% экрана.
Укажите ссылку для открытия поп-апа в настройках стандартного блока, а для кнопок его закрытия в Zero-блоке задайте ссылку #close
Задайте в настройках модификации параметры анимации поп-апа
Скопируйте код и вставьте его в блок T123 в конец страницы

+

Как это сделано?

<script>popup.init(".uc-popup", { animation: "zoom", style: { blur: 4 } })</script>

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

Размытие фона

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

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

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

<!--popup.js Поп-ап из Zero-блока. https://postnikovmd.com/mods/popup-->
<script>popup.init(".uc-popup")</script>

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

Работает с любыми блоками

Поп-ап поддерживает как Zero, так и стандартные блоки
Нет ограничений по количеству

В поп-ап можно вставить одновременно несколько блоков
Можно переключать слайды

Поп-ап можно использовать как галерею cо слайдами. Подробнее