магазин кастомных решений для тильды
Здесь собраны самые уникальные решения для тильды, с помощью которых вы сможете расширить функционал своих сайтов
Настройте
Цвета, размеры, поведение в конструкторе ниже
Скопируйте код
Одна кнопка — код в буфере обмена
Вставьте в Tilda
Блок T123 (HTML) на нужной странице

Как сделать объёмную ленту из GL03 в Tilda

Горизонтальная 3D-галерея с инерцией, автопрокруткой и подписями из исходного блока.
Подробнее о модеСвернуть описание

Что умеет мод

  • Собирает изображения GL03 в горизонтальную объёмную ленту.
  • Настраивает перспективу для компьютера и телефона, масштаб и профиль глубины.
  • Добавляет инерцию перетаскивания и автопрокрутку с паузой при наведении.
  • Показывает подписи из поля «Заголовок» у изображений GL03.

Как подключить

Источник GL03Горизонтальная лентаКод в T123
  1. Подготовьте фотографии

    Добавьте стандартный блок GL03, заполните изображения и их заголовки. Выберите один блок-источник и укажите его ID или CSS-класс в настройках области применения.

  2. Настройте объём

    Подберите перспективу для десктопа и мобильного экрана, масштаб карточек и при необходимости обратную глубину. В текущей версии доступен горизонтальный формат.

  3. Задайте движение и подписи

    Настройте инерцию, плавность остановки и шаг свайпа. При необходимости включите автопрокрутку, выберите направление и длительность круга. Для подписей задайте шрифт, цвет и фон.

  4. Установите и проверьте

    Скопируйте код в T123 после GL03 и опубликуйте страницу. Проверьте перетаскивание мышью, свайп на телефоне, заголовки и паузу автопрокрутки. Убедитесь, что используются нужные фотографии.

Что учитывать. Вертикальный режим в текущем конструкторе временно отключён. Для одного источника используйте один код галереи. После запуска мод скрывает исходный GL03 в отображении страницы; сам блок остаётся в Tilda.

Вопросы и ограничения

Можно сделать вертикальную ленту?

Пока нет. Этот вариант отмечен в конструкторе как недоступный; используйте горизонтальный формат.

Откуда берутся подписи?

Из поля «Заголовок» у каждого изображения GL03. Если поле пустое, подпись для этой фотографии не выводится.

Как замедлить автоматическое движение?

Увеличьте длительность круга: чем она больше, тем медленнее движется лента. Отдельно можно включить паузу при наведении.

Почему показаны фотографии другого блока?

Проверьте ID или класс источника. Если подходящий блок в выбранной области не найден, код может взять первый GL03 на странице.

Доступ к конструктору

Мод доступен по подписке Pro. Войдите в аккаунт, чтобы настроить его и получить код. Действующие условия указаны в тарифах.

Другие варианты галерей и лент

Made on
Tilda