Движение карточек при наведении в Tilda
Магнит, пружинный отклик или подъём с тенью — настройка реакции всей карточки.Подробнее о модеСвернуть описание
Движение карточек при наведении в Tilda
Магнит, пружинный отклик или подъём с тенью — настройка реакции всей карточки.Что умеет мод
- Притягивает карточку к курсору с заданной силой и пределом смещения.
- Предлагает эластичное увеличение с регулируемой упругостью.
- Поднимает карточку и добавляет тень в отдельном режиме.
- Применяет одну выбранную реакцию к карточкам нескольких блоков.
Как подключить
Ограничьте область
Укажите нужные блоки в «Где применять» и добавьте карточки в список. Если оставить общий .js-product без ограничения, эффект охватит все соответствующие товары страницы.
Выберите реакцию
Для магнита задайте силу, максимальный сдвиг и масштаб. Для подъёма настройте высоту и тень, для эластичного эффекта — масштаб и упругость.
Подберите темп
Настройте длительность и плавность, затем проверьте быстрые перемещения между карточками. Оставьте место для движения и при необходимости включите работу только с мышью.
Опубликуйте и проверьте
Добавьте код в T123 после блоков. Проверьте крайние карточки ряда, возвращение на место, ссылки и отображение на телефоне. В каталоге проверьте также карточки после фильтрации.
Что учитывать. Эффект двигает выбранную карточку целиком; промежутки в исходной сетке автоматически не увеличиваются. Для одних карточек используйте один основной эффект. Совмещение нескольких модов движения может дать конфликт transform или обработчиков.
Вопросы и ограничения
Чем магнит отличается от обычного увеличения?
Магнит учитывает положение курсора и смещает карточку в его сторону. Простое увеличение меняет только масштаб при наведении.
Можно сделать только подъём с тенью?
Да. Выберите соответствующий режим и настройте подъём, масштаб, цвет и параметры тени.
Что регулирует упругость?
Характер пружинного отклика в режиме эластичного увеличения. Большая упругость делает движение заметнее; подберите её по превью.
Как оставить исходные карточки на телефоне?
Включите «Только на десктопе (мышь)». Тогда эффект применяется только при наличии точного указателя и поддержки наведения.
Доступ к конструктору
Мод доступен по подписке Pro. Войдите в аккаунт, чтобы настроить его и получить код. Действующие условия указаны в тарифах.
