Конструктор эффектов наведения для карточек Tilda
Выбор одного из 13 эффектов и настройка его для нужных карточек страницы.Подробнее о модеСвернуть описание
Конструктор эффектов наведения для карточек Tilda
Выбор одного из 13 эффектов и настройка его для нужных карточек страницы.Что умеет мод
- Объединяет 13 вариантов: наклон, магнит, подсветку, подъём, зум фото и другие реакции.
- Предлагает переворот, шторку, глитч, голограмму, неон и дешифровку заголовка.
- Настраивает длительность, плавность и параметры выбранного режима.
- Позволяет применить один эффект к нескольким типам карточек в заданной области.
Как подключить
Задайте область и карточки
В «Где применять» укажите нужные блоки. Добавьте карточки из каталога или впишите CSS-селекторы по одному в строке. Общий .js-product без ограничения охватывает карточки товаров на странице.
Выберите эффект
Сравните варианты в превью и оставьте один режим. Для зума или глитча нужно подходящее фото, для дешифровки — текстовый элемент; проверьте структуру своих карточек.
Настройте поведение
Подберите длительность, плавность и параметры режима. При необходимости включите работу только с мышью. Проверьте, что важные сведения доступны без анимации и на телефоне.
Проверьте опубликованную страницу
Скопируйте код в T123 после блоков. Проверьте наведение, ссылки, новые карточки после загрузки и отсутствие пересечения с другим модом эффектов. Код подгружает GSAP, если библиотека ещё не подключена.
Что учитывать. Конструктор выбирает один эффект, а не смешивает все режимы. Для других групп используйте непересекающиеся селекторы и области. Тексты оборота и шторки общие для выбранного набора. Дешифровка рассчитана на простой текст заголовка без вложенного оформления.
Вопросы и ограничения
Можно включить все эффекты одновременно?
Нет. Один набор настроек содержит один режим. Назначение нескольких модов этого семейства одной карточке не является способом комбинирования.
Чем отличается от отдельных модов карточек?
Здесь собраны 13 режимов в одном списке. Отдельные моды группируют эффекты по задаче; например, «Фокус на фото» включает специализированные варианты для фотографий.
Нужно самостоятельно подключать GSAP?
Итоговый код проверяет наличие GSAP и загружает библиотеку, если её нет. Проверьте, что её загрузка не блокируется на опубликованной странице.
Что будет с карточками после фильтрации?
Код повторно ищет новые карточки при изменении страницы и обновлении каталога. После установки проверьте фильтры и дополнительную загрузку в вашем блоке.
Доступ к конструктору
Мод доступен по подписке Pro. Войдите в аккаунт, чтобы настроить его и получить код. Действующие условия указаны в тарифах.
