Top.Mail.Ru
Loading...
No-code платформа для интеграции с российскими сервисами
Адаптер
Мы в соцсетях
Ответим на вопросы
Техподдержка
Образовательные курсы и гайды для IT-специалистов
Академия
Клиентам
О нас
Плагин для Тильды
Партнерам
Академия
Расширение
Техподдержка
Модификации
Профиль
Подписка
Партнерка
Новости +13
Шаблоны
Идеи
Услуги
NLM020 • ВРЕМЯ НАСТРОЙКИ: 2 МИНУТЫ

как в зеро блоке сделать popup со своей кнопкой закрытия в tilda?

Модификация может сделать popup в Зеро блоке Tilda, указать любые элементы для его закрытия.
К сожалению, сейчас доставка уже не работает
Вы можете сделать заказ и мы обязательно перезвоним вам в рабочее время.
Инструкция (Развернуть↓)
Вариант #1 «При нажатии на элемент с ссылкой появляется popup»

1. Создаём popup в Zero Block:

  • Цвет фона — прозрачный.
  • Window container height — 100%
  • Шейп (на фон попапа), ширина и высота — 100%
  • Container — Window container
  • Выравнивание X — 0, Y — 0
  • Opacity (Прозрачность) — 35% или любое другое значение
  • Цвет #0

Имей в виду:

1. Можно не создавать шейп для фона, а воспользоваться настройками в генераторе;
2. Если не появляются изображения, отключи у них Lazy Load и переопубликуй страницу;

2. Вставляем в генератор id Zero Block в котором сделали popup;

3. В генераторе указываем ссылку через хештег (Например #open), затем привязываем ее к элементу, который будет «вызывать» (открывать) popup;

4. В генераторе указываем класс для закрытия попапа, который будет привязан ко всем элементам, отвечающим за закрытие;

Чтобы указать класс у элемента в Тильда, нажимаем на него правой кнопкой мыши и выбираем из списка предпоследнюю строку «Add CSS Class Name», далее, справа в настройках указываем тот же класс что и в генераторе;

5. Копируем сгенерированный HTML код и вставляем его в блок Т123.



Вариант #2 «Подключаем к блокам T183, T188 или T723»

1. Повторяем шаги из Варианта #1 c 1 по 4;

2. В блоках T183, T188 или T723 нажимаем «Контент» и вставляем ссылку которая будет «вызывать» (открывать) popup, такую же как в генераторе;

3. Копируем сгенерированный HTML код и вставляем его в блок Т123.



Имей в виду:
Если у вас длинный поп-ап, то фон блока мы настраиваем не по window container, а по grid container высоту задаем в пикселях, а также ставим overflow: hidden данному контейнеру.
Выберите дни
Напишите в нашу поддержку — мы поможем с настройкой и внедрением.
Остались вопросы?
Шаг 4
Копировать код
Чтобы получить доступ к копированию кода и использовать его на сайте, выполните 4 простых шага:
Скопируйте код из генератора, вставьте его в блок T123 на вашем сайте в Тильде и опубликуйте страницу.
Настройте модификацию
Шаг 3
И получите доступ к библиотеке из более чем 200 модификаций.
Оплатите подписку
Шаг 2
Создать аккаунт — это быстро и просто.
Войдите или зарегистрируйтесь на платформе
Шаг 1
Ведутся технические работы((
Попробуйте перелогиниться, если не помогло, загляните к нам через 20 минут...
Напишите в нашу поддержку — мы поможем с настройкой и внедрением.
Остались вопросы?
Шаг 3
Копировать код
Чтобы получить доступ к копированию кода и использовать его на сайте, выполните 3 простых шага:
Скопируйте код из генератора, вставьте его в блок T123 на вашем сайте в Тильде и опубликуйте страницу.
Настройте модификацию
Шаг 2
И получите доступ к библиотеке из более чем 200 модификаций.
Возобновите подписку
Шаг 1
Копировать код
Напишите в нашу поддержку — мы поможем с настройкой и внедрением.
Остались вопросы?
Шаг 3
Чтобы получить доступ к копированию кода и использовать его на сайте, выполните 3 простых шага:
Скопируйте код из генератора, вставьте его в блок T123 на вашем сайте в Тильде и опубликуйте страницу.
Настройте модификацию
Шаг 2
И получите доступ к библиотеке из более чем 200 модификаций.
Оплатите подписку
Шаг 1