магазин кастомных решений для тильды
Здесь собраны самые уникальные решения для тильды, с помощью которых вы сможете расширить функционал своих сайтов
Назад к модификациям
ProНовоеХит

Лента-сторис из потоков

Превращает публикации в ленту историй с полноэкранным просмотром. Истории можно листать вручную или автоматически и переходить к полному материалу.

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

Как показать публикации Tilda в формате сторис

Как превратить публикации в истории, настроить разделы и разместить ленту на странице.
Подробнее о модеСвернуть описание

Что умеет мод

  • Отдельные истории или группировка публикаций по разделам.
  • Десять компоновок просмотра с настройкой текста, изображения, кнопки и прогресса.
  • Ручное и автоматическое переключение, свайп, клавиатура и пауза при удержании.
  • Размещение над публикациями или в шейпе выбранного Zero Block.

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

Потоки и CMSZero BlockКод в T123
  1. Выберите источник

    Укажите ID блока со статьями или общий CSS-класс нескольких блоков. Поддерживаются Потоки, новая CMS и статьи в Zero Block. Обложки, названия и ссылки берутся из публикаций.

  2. Настройте состав историй

    Каждая статья может быть отдельной миниатюрой. Для одной обложки на раздел включите «Объединять истории по разделам». Названия разделов берутся из Tilda. Выберите загруженные карточки или все статьи источника.

  3. Разместите ленту

    По умолчанию она появляется над публикациями. Для Zero Block добавьте шейп без заливки с CSS Class Name stories-feed и выберите «В шейпе выбранного блока». Шейп и статьи должны находиться в одном выбранном блоке. Выделите место по ширине и высоте; попап откроется поверх страницы.

  4. Оформите просмотр

    Выберите одну из 10 компоновок. Пресет меняет расположение и размеры окна, сохраняя цвета, шрифты и адаптивы. Задайте сторону, выравнивание и ширину текста; кнопку разместите после текста или отдельно сверху либо снизу.

  5. Настройте управление

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

  6. Проверьте адаптивы

    В настройках «Ширины окна» задайте ширину, фиксированную высоту или долю экрана и внешние отступы. Для своих брейкпоинтов можно изменить размеры, компоновку, текст и управление. Пустые поля наследуют основные настройки.

  7. Опубликуйте и проверьте

    Вставьте код в T123 после блоков статей. Проверьте обложки, разделы, переход к статье и подгрузку карточек на опубликованной странице.

Что учитывать. При системном уменьшении движения автоперелистывание отключается; ручное управление остаётся доступным.

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

Нужно ли заново добавлять тексты и обложки?

Нет. Обложки, названия и ссылки берутся из существующих публикаций Tilda.

Можно ли объединять истории по разделам?

Да. Включите группировку в конструкторе. Публикация из нескольких разделов появится в каждом из них.

Почему видны не все статьи?

«Загруженные карточки» использует текущую выдачу блока и добавляет истории после «Показать ещё». «Все статьи источника» загружает весь доступный поток независимо от выбранной рубрики. Если источник недоступен, остаются загруженные карточки.

Исходная лента публикаций исчезнет?

Нет. Исходные карточки остаются на странице, пока вы явно не включите их скрытие в настройках мода.

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

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

Может пригодиться вместе

Made on
Tilda