Loading...
О НАС
КЛИЕНТАМ
ПАРТНЁРАМ
СЛЕДИТЕ ЗА НАМИ
ОТВЕТИМ НА ВОПРОСЫ
В ЧАТ-БОТЕ:
Nolim Academy
Расширение
Онлайн-чат
Академия
Расширение
Техподдержка
Расширение
Онлайн-чат
Nolim Academy
Модификации
Профиль
Подписка
Партнерская программа
Блог
Время настройки: 2 минуты

Как в Zero Block сделать popup со своей кнопкой закрытия в Tilda

Модификация может сделать popup в Zero Block 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 данному контейнеру.
Выберите дни
Код доступен только тем, кто оплатил подписку
Подписка стоит 500р./мес.
Покупая подписку, ты получаешь доступ ко всем уникальным модификациям
Ведутся технические работы((
Попробуйте перелогиниться, если не помогло, загляните к нам через 20 минут...
Подписка закончилась((
Нужно продлить, чтобы получить доступ.
Так так так...
а этот генератор кода доступен только по подписке
Код доступен только тем, кто зарегистрирован
Зарегистрировавшись, ты получаешь доступ ко всем бесплатным модификациям