Блог Тильды

#tildaupdates Как сделать попап из Zero Block

Теперь вы можете превратить любой Zero Block в попап. Для этого используйте модификатор из библиотеки Т1093 «Popup: Zero Block в попапе» в категории «Другое».


Когда пригодится блок-модификатор

Вам нужен попап, а базовые решения в библиотеке не подходят. Например, вы хотите сделать особенное динамическое меню, нестандартную подсказку по клику или маркетинговый попап.

Появление попапа

Вы можете настроить, когда показывать попап: при клике на триггер, например, кнопку или при загрузке страницы — для этого поставьте соответствующую галочку в Настройках блока.

Там же можно настроить внешний вид всплывающего окна: выравнивание, размытие фона, детали анимации и многое другое. Например, вы можете настроить, откуда будет появляться блок, отдельно настроить появления для мобильных устройств, задать скорость и плавность анимации.

Подсказки по работе с блоком

Если вы создаете меню с помощью блока, то в настройках блока Т1093 можно:
  • задать позиционирование. Самый распространенный сценарий — задать выравнивание по верху;
  • убрать крестик, по клику на который меню закрывается, либо задать для него цвет. Вы можете задать свою иконку закрытия, если в вашем дизайне предусмотрена уникальная кнопка;
  • если цвет затемнения или эффект размытия вам не нужен, удалите значения из этих полей.

Если вы создаёте попап:
  • задайте темный цвет фона в настройках блока Т1093;
  • цвет крестика сделайте светлым, чтобы он не сливался с фоном;
  • ширину и высоту попапа вы можете регулировать внутри используемого зеро-блока.

Читать подробнее о новом блоке и посмотреть пошаговые инструкции о том, как создать разные виды меню на сайте с помощью блока Т1093: https://blog.tilda.cc/zero-block-in-pop-up
Made on
Tilda