Поп-ап из 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, так и стандартные блоки
- Нет ограничений по количествуВ поп-ап можно вставить одновременно несколько блоков
Документация
Элементы
Параметры
© 2025 Максим Постников. Все права защищены.
Столкнулись с ошибкой?
Расскажите подробнее о проблеме, при которой модификация не работает или работает неправильно
Расскажите подробнее о проблеме, при которой модификация работает неправильно
Сообщение отправлено
Спасибо за обращение! Мы провалидируем ошибку и исправим её в ближайшее время
Нравятся модификации?
Поделитесь впечатлениями от работы с библиотекой — обратная связь поможет нам стать лучше
Поделитесь впечатлениями о сервисе — обратная связь поможет нам стать лучше
Сообщение отправлено
Спасибо, что делитесь с нами! Это помогает нам развиваться и улучшать сервис