Создайте кастомную карточку с тултипом внутри Zero-блока
3
Добавьте любому шейпу в карточке класс .uc-tooltip
Если вы планируете использовать несколько тултипов на странице, задайте им разные названия классов, например, .uc-tooltip1, .uc-tooltip2 и т.д.
4
Объедините элементы внутри карточки в группу и задайте ей тип Object
5
Добавьте в нужное место иконку открытия тултипа и укажите ей ссылку (например, #tooltip)
6
Задайте в настройках модификации класс тултипа, ссылку на его открытие и параметры поведения
7
Скопируйте код и вставьте его в блок T123 в конец страницы
Видео скоро появится…
Настройки модификации
Настройки модификации
Класс тултипа:
Только по клику:
Скорость и тип переходов:
Ссылка для открытия:
<script>tooltip.init(".uc-tooltip")</script>
Скопировать код
Документация
Параметры
Функция;Описание;Триггер
tooltip.init(selector, params);Инициализирует функционал для тултипов;DOM Content Loaded
Параметр;Описание;Тип;Значение по-умолчанию
selector;Класс тултипа;string;-
params.link;Ссылка для открытия тултипа;string;'#tooltip'
params.hover;Открытие тултипа по наведению мыши;boolean;true
params.transition;Скорость анимации тултипа (в миллисекундах);number;300
params.easing;Функция перехода для анимации;string;'ease-in-out'
Модификации для Zero
Оцените сервис
Нравится 100+ человек
Присоединяйтесь ко мне в Telegram-канале!
Чтобы узнавать о новых модификациях и получать оперативную тех. поддержку
t.me/postnikovmds
Можете меня поблагодарить
Если у вас есть желание поблагодарить автора за работу, можете пожертвовать любую сумму на развитие проекта
Присоединяйтесь ко мне в Telegram-канале!
Чтобы узнавать о новых модификациях и получать оперативную тех. поддержку