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

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

Потоки в 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>

Все примеры

93

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

Класс блока*

Номер раздела потоков*

Получить раздел с сайта

Раздел синхронизирован

Номер раздела потоков, из которого нужно вывести посты. Можно определить автоматически:

Создайте новую (временную) страницу и добавьте на неё блок FD301
Выберите нужный раздел в настройках и опубликуйте страницу
Вставьте ссылку в поле и нажмите на кнопку 🔄. Номер раздела синхронизируется автоматически

Скорость и тип переходов:

Идентификатор поста

ID поста, для которого нужно подобрать похожие статьи. Можно найти в Настройках поста -> Post ID.

Если вы размещаете блок в подвале стандартной страницы потока, значение подтянется автоматически

+ Настройки потоков

Формат даты

Потоки

Перемешать карточки постов

Порядок отображения постов

Индикаторы загрузки

Цвет скелета загрузки

Цвет «заглушки», которая отображается вместо основного контента на время загрузки данных.

Если включено, карточки похожих статей будут выводиться в рандомном порядке

Определяет порядок, в котором будут выводиться посты из потока:

по возрастанию -> старые посты в начале
по убыванию -> новые посты в начале

<!--feed.js Похожие статьи в Zero-блоке. https://postnikovmd.com/mods/feed/relevants-->
<script>feed.relevants(".uc-relevants")</script>

Скопировать код

Особенности

Работает с любой вёрсткой

Карточки потоков можно оформить без ограничений по вёрстке
Синхронизирует данные потоков

Подгружает данные доступных постов в карточки Zero‑блока
Работает на детальных страницах

Блок с похожими статьями можно разместить в подвале потоков