Время настройки: 2 минуты

Тултипы из Zero-блоков

Позволяет создавать кастомные тултипы в Zero-блоках и настраивать их анимацию

Инструкция по установке

Cкопируйте код ниже и вставьте его внутрь <head> в настройках сайта

Этот скрипт устанавливается только один раз и помогает модификациям работать. Если он уже стоит у вас на сайте, добавлять его снова не нужно, просто пропустите этот шаг.

<script src="https://cdn.postnikovmd.com/tilda@1.4/mods.min.js"></script>

Создайте кастомную карточку с тултипом внутри Zero-блока
Объедините элементы тултипа в группу с типом Object и присвойте ей класс .uc-tooltip

Если вы планируете использовать несколько тултипов на странице, задайте им разные названия классов, например, .uc-tooltip1, .uc-tooltip2 и т.д.
Добавьте в нужное место иконку открытия тултипа и укажите ей ссылку (например, #tooltip)

Если вы хотите задать иконку закрытия внутри объекта с тултипом, пропишите ей ссылку #close
Задайте в настройках модификации класс тултипа, ссылку на его открытие и параметры поведения
Скопируйте код и вставьте его в блок T123 в конец страницы

Как это сделано?

<script>tooltip.init(".uc-tooltip1", { link: "#tooltip1" })</script>
<script>tooltip.init(".uc-tooltip2", { hover: false, link: "#tooltip2" })</script>

Открыть пример

Настройки модификации

Класс тултипа:

Только по клику:

Скорость и тип переходов:

Ссылка для открытия:

<!--tooltip.js Тултип в Zero-блоке. https://postnikovmd.com/mods/tooltip-->
<script>tooltip.init(".uc-tooltip")</script>

Скопировать код

Особенности

Можно переключать по ховеру

Поведение тултипа можно гибко настроить под свой запрос
Работает с автоскейлом

Мод работает с масштабированием так же корректно, как и без него
Создан специально для Тильды

Модификация учитывает особенности Тильды и легко встраивается в неё