Подписка на библиотеку модификаций
pro
Получите доступ к расширенным настройкам, сценариям и возможностям сервиса
Время настройки: 5 минут

Потоки в Zero‑блоке

Позволяет вывести похожие статьи из потоков в Zero-блок с любой вёрсткой и внешним видом
 
 
Модификация

Похожие статьи в Zero-блоке

  • Cкопируйте код ниже и вставьте его внутрь <head> в настройках сайта
    Этот скрипт устанавливается только один раз и помогает модификациям работать. Если он уже стоит у вас на сайте, добавлять его снова не нужно, просто пропустите этот шаг.
<script src="https://cdn.postnikovmd.com/tilda@1.6/mods.min.js"></script>
Скопировать код
Код скопирован!
Синхронизация обновлений включена. Новые версии и исправления будут устанавливаться автоматически.
Синхронизация обновлений включена. Модификации будут загружаться с альтернативного источника (для зарубежных проектов).
Синхронизация обновлений отключена. Текущая версия останется неизменной, независимо от обновлений.
  • Создайте Zero-блок с карточками похожих постов и задайте ему класс .uc-relevants
    Добавьте в блок столько карточек, сколько постов должно отображаться на странице. Модификация заполнит их данными из потоков или скроет карточки при их отсутствии.
    Как задать класс блокам/элементам?
  • Объедините содержимое каждой карточки в группу с типом Object
    Внутри карточки может быть любое количество элементов. Карточки рекомендуется верстать через автолэйаут — это позволит им динамически подстраивать размеры под контент, подгружаемый из потоков.
    Как создать группу Object?
  • Присвойте получившимся группам класс .post и ссылку #post
    Если вы хотите открывать детальную страницу поста по определенной кнопке в карточке, задайте ссылку #post только ей
  • Задайте элементам в карточках соответствующие классы и ссылки:
    Все элементы опциональны — можно добавить только те, которые нужны в вашем дизайне:
    • .post-title – название поста
    • .post-descr – короткое текстовое описание поста
    • .post-image — изображение поста (Image)
    • .post-date – дата публикации поста
    Как задать класс элементам?
  • Задайте в настройках модификации параметры, стили и поведение потоков
  • Скопируйте код и вставьте его в блок T123 в конец страницы
    Если блок с похожими статьями располагается на стандартной странице потока, добавьте перед скопированным кодом:
<script src="https://cdn.postnikovmd.com/tilda@1.6/feed.min.js"></script>
<script>feed.relevants(".uc-relevants", { feeduid: 474873136331, style: { skeleton: { backgroundColor: "#F3F2F7" } } })</script>
Настройки модификации

Настройки модификации

Класс блока*
Номер раздела потоков*
Получить раздел с сайта
Раздел синхронизирован
Номер раздела потоков, из которого нужно вывести посты. Можно определить автоматически:
  1. Создайте новую (временную) страницу и добавьте на неё блок FD301
  2. Выберите нужный раздел в настройках и опубликуйте страницу
  3. Вставьте ссылку в поле и нажмите на кнопку 🔄. Номер раздела синхронизируется автоматически
Скорость и тип переходов:
Идентификатор поста
ID поста, для которого нужно подобрать похожие статьи. Можно найти в Настройках поста -> Post ID.

Если вы размещаете блок в подвале стандартной страницы потока, значение подтянется автоматически
Формат даты
Потоки
Перемешать карточки постов
Порядок отображения постов
Индикаторы загрузки
Цвет скелета загрузки
Цвет «заглушки», которая отображается вместо основного контента на время загрузки данных.
Если включено, карточки похожих статей будут выводиться в рандомном порядке
Определяет порядок, в котором будут выводиться посты из потока:
  • по возрастанию -> старые посты в начале
  • по убыванию -> новые посты в начале
<!--feed.js Похожие статьи в Zero-блоке. https://postnikovmd.com/mods/feed/relevants-->
<script>feed.relevants(".uc-relevants")</script>
Скопировать код
Скопировать код
Код скопирован!

Особенности

  • Работает с любой вёрсткой
    Карточки потоков можно оформить без ограничений по вёрстке
  • Синхронизирует данные потоков
    Подгружает данные доступных постов в карточки Zero‑блока
  • Работает на детальных страницах
    Блок с похожими статьями можно разместить в подвале потоков

Документация

Элементы

Параметры

Подробная документация к потокам

Как работает синхронизация, примеры использования, параметры и инструкции по установке