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

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

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

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

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

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

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

Создайте кастомную карточку с тултипом внутри Zero-блока

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

Выделите все элементы, которые должны появляться при открытии подсказки, и объедините их в группу Object. Если вы планируете использовать несколько тултипов на странице, задайте им разные названия классов, например, .uc-tooltip1, .uc-tooltip2 и т. д.
Как создать группу Object?
Добавьте иконку открытия тултипа и задайте ей ссылку (например, #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>

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

Особенности

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

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

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

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