Эффекты фотографий в карточках Tilda
Зум, возврат цвета, 3D-наклон фото и подписи при наведении на карточку.Подробнее о модеСвернуть описание
Эффекты фотографий в карточках Tilda
Зум, возврат цвета, 3D-наклон фото и подписи при наведении на карточку.Что умеет мод
- Увеличивает фотографию с затемнением или возвращает цвет чёрно-белому изображению.
- Наклоняет только фотографию вслед за курсором, сохраняя положение карточки.
- Добавляет шторку с подписью по направлению входа курсора либо нижнюю плашку.
- Настраивает вид подписи, размывание и затемнение для соответствующего режима.
Как подключить
Выберите карточки с фото
Ограничьте блоки в «Где применять» и соберите список карточек. Мод ищет фотографию внутри выбранного элемента; проверьте результат, если в карточке несколько изображений.
Настройте режим
Выберите зум, возврат цвета, наклон фото, шторку или нижнюю подпись. Подберите доступные параметры. Для 3D-наклона оставьте небольшое увеличение, чтобы в рамке не открывались пустые углы.
Оформите подпись
В режиме с текстом задайте короткую подпись, фон и цвет. Указанный шрифт должен быть уже подключён на сайте. Настройка шрифта относится к подписи мода, а не ко всем текстам карточки.
Опубликуйте и проверьте
Вставьте код в T123 после блоков. Проверьте фотографии разных пропорций, ссылки, возврат в исходное состояние и телефон. При работе только с мышью важный текст должен быть доступен и без наведения.
Что учитывать. Подпись из настроек общая для выбранного набора карточек; отдельные описания товаров автоматически в неё не подставляются. Не назначайте второй мод этого семейства тем же карточкам. Выберите один режим и проверьте результат на опубликованной странице.
Вопросы и ограничения
Двигается вся карточка или только фото?
В режиме 3D-наклона фотографии сама карточка остаётся на месте. Для наклона всей карточки есть отдельный мод «3D-наклон и переворот».
Поддерживается фоновое изображение?
Мод работает с подходящими изображениями внутри карточки, в том числе img и фоновыми элементами Tilda. При нестандартной структуре проверьте, какое фото он находит.
Можно показать нижнюю подпись без размытия?
Да. В соответствующем режиме задайте блюр 0: фотография останется резкой, а подпись продолжит появляться.
Откуда выезжает шторка?
Она учитывает сторону входа курсора в карточку и сторону выхода. Текст и цвета шторки задаются в конструкторе.
Доступ к конструктору
Мод доступен по подписке Pro. Войдите в аккаунт, чтобы настроить его и получить код. Действующие условия указаны в тарифах.
