Бегущая лента карточек в стандартных и Zero Block
Непрерывное движение готовых карточек Tilda, управление и отдельная вторая строка в Zero Block.Подробнее о модеСвернуть описание
Бегущая лента карточек в стандартных и Zero Block
Непрерывное движение готовых карточек Tilda, управление и отдельная вторая строка в Zero Block.Что умеет мод
- Собирает повторяющиеся карточки стандартного блока или группы Zero Block в движущуюся ленту.
- Сохраняет содержимое, оформление и действия исходных карточек Tilda.
- Настраивает движение, эффекты, адаптивы, стрелки и кнопку паузы.
- Позволяет добавить вторую строку Zero Block со своим направлением и относительной скоростью.
Как подключить
Выберите источник
Ограничьте нужный блок по ID или uc-классу в «Где применять». Для стандартного блока выберите в каталоге внешнюю оболочку целой карточки, а не отдельную фотографию или заголовок.
Подготовьте Zero Block при необходимости
Назначьте группам карточек класс run-card и поместите их внутрь общего Auto Layout с классом run-slider. Для второй строки нужны отдельные run-card-2 и run-slider-2; её положение задаётся в Tilda.
Настройте движение и управление
Выберите характер движения, адаптивы и нужные эффекты. Добавьте стрелки и паузу. Высота области Zero Block должна вмещать карточки и управление; для гибкого содержимого используйте Auto Layout и Fill.
Проверьте публикацию
Вставьте T123 после источника. Проверьте ссылки, кнопки, добавление товара в корзину и мобильный экран. Проверьте горизонтальный жест тачпада или Shift + колесо и обычную вертикальную прокрутку страницы.
Что учитывать. Встроенные слайдеры, формы, видео и виджеты не подходят в качестве карточек этой ленты. Мод работает с карточками, уже загруженными Tilda, и подхватывает новые после подгрузки. Другой слайдер на те же элементы подключать не следует.
Вопросы и ограничения
Где менять шрифты и оформление карточек?
В исходном блоке Tilda. Мод не заменяет его фон, обводку, скругления и типографику собственным оформлением.
Как добавить вторую строку?
Этот режим предусмотрен для Zero Block. Создайте отдельный контейнер и группы со второй парой классов, включите строку и настройте направление и скорость.
Почему нет автоматического движения?
Проверьте настройки и системное уменьшение анимации. При включённом reduced motion автопрокрутка отключается, а управление стрелками остаётся доступным.
Можно поставить свои иконки управления?
Да. Укажите прямые ссылки на SVG или изображения. Для паузы и запуска предусмотрены разные поля; цвет собственной картинки задаётся в самом файле.
Доступ к конструктору
Мод доступен по подписке Pro. Войдите в аккаунт, чтобы настроить его и получить код. Действующие условия указаны в тарифах.
