Для чего нужна модификация
Подойдёт для подборки направлений студии или портфолио, где нужно показать несколько изображений и дать больше места выбранной работе. На широком экране карточки располагаются полосой. Наведение или переход клавиатурой расширяет активную карточку и показывает полный заголовок с описанием.
У остальных карточек остаются компактные подписи. У TE100 и TE605 они вертикальные, у TE200 горизонтальные. На узком экране и устройствах без точного наведения используется вертикальный список с доступными описаниями. Ссылки сохраняют обычный переход с первого нажатия.
Как установить
- Добавьте TE100, TE200 или TE605. Задайте тексты, изображения и ссылки в штатном содержимом блока.
- Отключите Autoscale. Назначьте каждому нужному блоку класс uc-aw-expand-cards; при готовом префиксе uc- введите aw-expand-cards.
- Выберите параметры раскрытия в конструкторе и скопируйте полный код установки в один T123 после карточек.
- Опубликуйте страницу. Проверьте наведение, переходы клавишей Tab, ссылки и длинные описания на узком экране.
Что можно настроить
Настраиваются соотношение ширины активной карточки, минимальная высота, расстояния, скругление, длительность анимации и порог вертикального режима. Выбор количества карточек в демонстрации влияет только на пример: свой состав редактируйте в Tilda.
Совместимость и ограничения
Подтверждены TE100, TE200 и TE605. Магазин, Потоки, слайдеры и Zero Block не входят в поддержку. Высота минимальная: длинный текст может увеличить карточку. TE200 сохраняет подпись под изображением, TE100 и TE605 — текст поверх изображения. Последняя выбранная карточка остаётся раскрытой после ухода указателя.
Что проверено
На опубликованной странице три блока проверены при ширине окна 500 px, предпросмотр — при 360 px. Реальный сенсорный экран и системный режим уменьшения движения отдельно не проверялись.
