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

Вариант #1 «При нажатии на элемент с ссылкой появляется popup»

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

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

Имей в виду:

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;