Эффект гармошки для карточек TM101 в Tilda
Расширение выбранной карточки и её соседей, подписи и отдельная мобильная компоновка.Подробнее о модеСвернуть описание
Эффект гармошки для карточек TM101 в Tilda
Расширение выбранной карточки и её соседей, подписи и отдельная мобильная компоновка.Что умеет мод
- Расширяет карточку под курсором и до трёх соседних карточек с каждой стороны.
- Настраивает высоту ряда, исходную ширину, промежутки и плавность движения.
- Оформляет подложку подписи, её отступы и прозрачность в двух состояниях.
- На узком экране переключает ряд в прокручиваемую ленту или сетку.
Как подключить
Подготовьте TM101
Добавьте стандартный блок TM101 с фотографиями и подписями. Мод рассчитан на его структуру; произвольная группа карточек Zero Block не заменяет этот блок.
Задайте ширины
Настройте базовую ширину, высоту ряда и промежутки. Затем задайте ширину активной карточки и первого, второго, третьего соседей. Проверьте, помещается ли раскрытый ряд в контейнер.
Оформите подписи и адаптив
Подберите фон, углы и отступы подложки. Для узкого экрана выберите ленту или сетку, порог включения и промежутки. При отключённой мобильной гармошке подписи отображаются без наведения.
Опубликуйте и проверьте
Вставьте код в T123 после TM101. Проверьте ряд на компьютере, крайние карточки, длинные подписи и выбранный мобильный режим. Если на странице несколько TM101, проверьте каждый.
Что учитывать. Итоговые стили обращаются к структуре TM101 и применяются к соответствующим блокам страницы. Отдельного выбора одного блока по ID в этом конструкторе нет. Режим «Как на десктопе» не добавляет мобильную компоновку. Для узкого экрана заранее проверьте, хватает ли места всему ряду.
Вопросы и ограничения
Можно применить эффект к любым карточкам?
Этот мод предназначен для TM101. Для карточек других стандартных блоков выбирайте конструктор с выбором нужного элемента или селектора.
Сколько соседей реагирует на наведение?
Доступны отдельные ширины для первого, второго и третьего соседей с каждой стороны, если они присутствуют в ряду.
Как сделать на телефоне несколько рядов?
Выберите режим сетки, задайте число карточек в ряд, промежутки и ширину включения. Затем проверьте фотографии и подписи на реальном узком экране.
Можно сохранить ширину блока из Tilda?
Да. В настройке ширины контейнера выберите «Не трогать». Также доступны максимальная фиксированная ширина и гибкий вариант с отступами от краёв экрана.
Доступ к конструктору
Мод доступен по подписке Pro. Войдите в аккаунт, чтобы настроить его и получить код. Действующие условия указаны в тарифах.
