Гайд по работе с продвинутыми потоками
Как создать и настроить собственный поток, управлять полями и вывести плитку постов в Zero Block
Перейти
Перейти
Перейти
Перейти
Перейти
Перейти
Перейти
Перейти
Перейти
Перейти
Перейти
Перейти
Перейти
Перейти
Перейти
CMS Потоки позволяют гибко настраивать структуру контента: использовать готовые наборы полей или создавать собственные под разные задачи.

Рассказываем, как создать и настротить CMS Поток, управлять его полями и вывести плитку постов на страницу с помощью Zero Block.
Создание продвинутого потока
Сначала активируйте модуль «Потоки» в настройках проекта. Затем откройте «Потоки» и нажмите «Создать новый поток».
Впишите название потока, выберите тип «Настраиваемый (CMS)» и нажмите «Далее».
В проекте можно одновременно создавать и использовать информационные и настраиваемые потоки.
На следующем шаге выберите структуру потока. Выберите «Пустой», чтобы настроить поля с нуля, или используйте готовый набор полей, например «Блог», «FAQ» или другой вариант, который лучше всего подходит для вашей задачи.

Нажмите «Создать» — откроется панель управления потоком.
Любой набор полей в настраиваемом CMS Потоке можно изменить: удалить ненужные поля, добавить новые или поменять их порядок.
После создания откройте поток. По умолчанию вместе с выбранной структурой создаются тестовые посты. Вы можете просмотреть их, а затем удалить.
Добавление и удаление полей
Чтобы перейти к работе с полями, откройте «Настройки» → «Поля».
На вкладке «Поля» отображается текущая структура потока. Чтобы добавить поле, нажмите «Добавить поле». Чтобы изменить существующее поле, выберите его в списке. Для удаления нажмите значок корзины.
Поле также можно временно отключить, продублировать или переместить в списке.
Поле Title — обязательное. Его нельзя скрыть, удалить, отключить, продублировать или переместить. Оно всегда будет первым в карточке поста.
Если удалить все пользовательские поля или создать пустой поток, в карточке поста останутся только системные поля: «Заголовок», «Адрес поста», «Видимость», «Ссылка на кастомную страницу с постом», «Номер очередности в списке постов», а также поля метатегов.
Редактирование полей
При добавлении поля выберите его тип: основное, дополнительное или декоративное.
Основные используются для создания содержимого поста. К ним относятся: «Текст в одну строку», «Многострочный текст», «Текст с форматированием», «Изображение», «Галерея», «Видео» и «Медиа».

Дополнительные можно добавлять в зависимости от особенностей проекта. К ним относятся: «Дата», «Ссылка», «Числовое поле», «Цвет», «Выпадающий список», «Список с вариантами ответа», «Галочка» и «HTML».

Декоративные помогают оформить и структурировать набор полей. К ним относятся: «Разделитель», «Отступ» и «Текстовый комментарий».
В настройках поля задайте ему имя переменной латиницей.
Для каждого поля также можно задать дополнительные условия и параметры. Чтобы открыть их, нажмите «Дополнительно».
Заполните все необходимые поля, например, значение по умолчанию. Обратите внимание на два пункта «Обязательно для заполнения» и «Показать поле в списке постов».
Если включить настройку «Обязательно для заполнения», пост нельзя будет сохранить, пока это поле не заполнено. Условие действует как при создании поста, так и при его редактировании.

Если для поля задано значение по умолчанию, оно будет использоваться, пока вы не измените его вручную.
Если включить настройку «Показать поле в списке постов», поле и его значение будут отображаться в таблице с постами.
Восстановление полей
Удаленное поле можно восстановить или удалить безвозвратно. Для этого на вкладке «Поля» нажмите «Удаленные поля».
Откроется список удаленных полей. Для каждого поля будет указана дата удаления и доступны две кнопки: «Восстановить» и «Удалить».

После восстановления поле снова появится в карточке поста вместе с ранее сохраненным значением.
Удаленные поля хранятся в течение 30 дней, после чего удаляются без возможности восстановления. Чтобы удалить поле безвозвратно до окончания этого срока, нажмите «Удалить».
Если удаленное поле содержало данные, в карточке поста появится подсказка об удаленных полях. Нажмите «Показать», чтобы просмотреть поля и сохраненные в них значения.
Значения в удаленных полях можно изменить и сохранить. Однако они не будут отображаться на опубликованной странице и снова скроются после закрытия карточки поста. Чтобы вернуть их в карточку и на страницу, восстановите поля на вкладке «Поля» в настройках потока.
Создание шаблона страницы постов в Zero Block
С помощью Zero Block можно создать универсальную страницу для поста потока со своим дизайном. Для этого необходимо создать новую страницу, назначить ее шаблоном страницы поста в настройках потока. Далее, на страницу добавить Zero Block и приступить к выводу полей потока.
Чтобы вывести поля потока в Zero Block, нажмите на иконку создания нового элемента и в выпадающем меню выберите конкретное поле поста или добавьте сразу все поля.
Создание плитки постов в Zero Block
Посты из настраиваемого Потока можно вывести с помощью базового блока или создать для них плитку с индивидуальным дизайном в Zero Block.

Создайте новую страницу или откройте существующую, а затем добавьте на нее Zero Block.
Нажмите «Редактировать блок» и удалите тестовые элементы.
В левом верхнем углу нажмите значок плюса. В списке элементов наведите курсор на пункт «Потоки». В выпадающем меню выберите ранее созданный настраиваемый поток или поток-пример.
После этого в Zero Block появится плитка постов выбранного потока. Она состоит из системных групп и слоев. Для плитки по умолчанию включен автолейаут.
Редактирование плитки потоков
Связь элементов с полями потока
Системные слои и группы плитки выделены в панели слоев другим цветом: они связаны с переменными потока.

Выберите любой элемент плитки. В панели настроек справа появится поле «Контент», в котором указана связанная с элементом переменная.

Например, на изображении ниже выбран заголовок поста, а в поле «Контент» указана переменная соответствующего поля.
Чтобы изменить связь, нажмите название переменной. Откроется меню со следующими вариантами:

  • «Не связано» — отменяет связь элемента с переменной;
  • «Поля поста» — поля, созданные для выбранного потока;
  • «Системные поля» — поля, которые автоматически создаются для всех постов;
  • «Поля потока» — название и описание потока.
Если выбрать «Не связано», элемент перестанет получать данные из потока и станет обычным элементом Zero Block. Его содержимое больше не будет обновляться динамически.
Добавление элемента в плитку постов
Чтобы добавить в плитку еще одно поле, нажмите значок плюса и выберите нужный элемент, например «Текст».
Элемент появится на артборде и в панели слоев. Чтобы связать его с полем потока, переместите слой в группу Post.
Пост(Post) — системная группа карточки поста. В нее можно добавлять новые элементы и удалять существующие.

Посты(Posts) — системная группа всей плитки. Она содержит повторяющиеся карточки Пост(Post).
После того как элемент будет помещен в группу Post, в панели настроек справа появится значок «Связать с Потоком». Нажмите его, чтобы выбрать поле потока.
В выпадающим меню выберите нужное поле, например «Дата публикации».
Элемент автоматически свяжется с выбранным полем. Название поля появится в настройке «Контент». В панели настроек также могут появиться дополнительные параметры оформления. Например, для даты публикации можно выбрать формат отображения.
При добавлении текстового или графического элемента в группу плитки постов его можно связать с полями потока или раздела: заголовком, описанием и изображением.
Цвет элемента в панели слоев также изменится. Это означает, что элемент связан с полем потока и получает содержимое динамически.
Дизайн любого элемента в группе Пост(Post) можно изменить.
В Zero Block также можно добавлять обычные элементы, не связанные с полями потока.
Элементы, связанные с полями потока, можно добавлять только в группу Пост(Post). Обычные элементы можно размещать над группой Posts. Если поместить элемент непосредственно в группу Posts, появится сообщение об ошибке.
Добавление поля «Медиа»
Если в качестве превью в потоке используется поле «Медиа», для его вывода нужно добавить в карточку Post соответствующие элементы.
В редакторе Zero Block добавьте элементы «Изображение», «Видео» и «Галерея».
Разместите добавленные элементы именно в группу Post.
Свяжите каждый элемент с полем потока. Для этого нажмите значок связи с полем и выберите в выпадающем меню пункт «Медиа». Это нужно сделать для всех трех элементов: «Изображение», «Галерея» и «Видео».

Сохраните изменения и перезагрузите редактор, чтобы связи применились для всех элементов.
Теперь для каждого поста будет выводиться тот тип медиа, который добавлен в этот пост.
Если в качестве превью поста вы используете только видео, добавлять все три элемента необязательно. Достаточно добавить элемент «Видео» и связать его с полем «Медиа».
Добавление дополнительных полей
В потоке можно добавить дополнительные поля разных типов: «Ссылка», «Выпадающий список», «Цвет», «Числовое поле», «Список с вариантами ответа», «Галочка», «HTML» и «Дата».
Поле «Дата». Чтобы вывести собственную дату поста, добавьте в поток поле «Дата» и задайте значение. Затем в редакторе Zero Block добавьте текстовый элемент в группу Post и свяжите его с этим полем.
Поле «Ссылка». Если для постов нужно настроить переход на другие страницы, добавьте в поток поле «Ссылка».

По умолчанию у поста автоматически создается ссылка на страницу поста. С помощью дополнительного поля «Ссылка» можно указать другой адрес.
Чтобы связать поле «Ссылка», добавьте элемент с полем URL, например кнопку. Нажмите значок связи и выберите в выпадающем меню кастомную ссылку.
Такая ссылка будет добавлена ко всем постам потока в плитке. Посты будут открываться только при нажатии на элемент со ссылкой.
Чтобы связать свое поле «Ссылка», необязательно создавать отдельный элемент с URL. Можно выбрать группу Post и в поле URL изменить связь с системной ссылки поста на поле потока.
В карточке поста может быть только одна ссылка. Ее можно задать либо для отдельного элемента в поле URL, либо для всей группы Post. Указать две ссылки в одной карточке поста не получится.
«Цвет». В карточку поста можно добавить поле «Цвет» и использовать его в Zero Block в настройках, где доступен выбор цвета. Например, для оформления тегов.

В примере ниже в плитку постов добавлен элемент «Кнопка». Поле «Текст» связано с полем потока Tags, а для цвета фона указано значение из одноименного поля потока.
Другие дополнительные поля. В плитку постов и шаблон страницы в Zero Block также можно вывести другие дополнительные поля: «Выпадающее меню», «Число», «Поле с вариантами ответа» и «HTML».

Их значения можно использовать по своему усмотрению, например для тегов или другой дополнительной информации в карточке поста.
Настройка вывода постов
Нажмите на плитку с постами, чтобы с правой стороны отобразились ее элементы управления в настройках. Элементы управления сгруппированы в блоке Content.
Чтобы сразу переместиться в управление выбранным потоком, нажмите на иконку потока в блоке настроек Content.
Источник. Чтобы вывести посты из другого потока, выберите его в выпадающем меню поля «Источник».
После смены источника элементы, ранее связанные с полями, останутся на артборде. Если в новом потоке нет соответствующего поля, связанный элемент будет отображаться пустым.

Чтобы отменить такую связь, выберите элемент с ошибкой и нажмите «Отвязать».
Сортировка. Чтобы настроить порядок постов, найдите в панели справа поле «Сортировка» и выберите нужный вариант в выпадающем меню.

При выборе значения «Обратный порядок по умолчанию» посты будут выводиться с конца списка.
Если поле оставить без изменений, посты будут выводиться в порядке по умолчанию — так же, как в админке. Например, если в админке каталога установлен порядок «По умолчанию» и вы перенесли третий по счету пост в начало списка, порядок изменится и в редакторе плитки.
Пост, который был перенесен, станет первым в списке.
Фильтры. Чтобы отфильтровать посты, откройте меню «Фильтры» и задайте условие, которое определит, какие посты будут отображаться в плитке.
Пагинация. Чтобы добавить пагинацию, откройте выпадающее меню «Пагинация» и выберите один из вариантов:

  • Кнопка «Загрузить еще»;
  • Бесконечная прокрутка.
Важно: Чтобы пагинация корректно отображалась, высота артборда в блоке должна быть автоматической. Так посты не будут обрезаться. Для этого в поле «Высота Grid Контейнера» выберите значение «Авто».
Если выбрать вариант с кнопкой, она автоматически появится в панели слоев.
Кнопку можно оформить с помощью панели настроек так же, как обычный элемент «Кнопка».
При выборе бесконечной прокрутки кнопка не отображается. Новые посты загружаются автоматически по мере прокрутки страницы.
Лимит. Вы можете задать, сколько постов будет отображаться в плитке. Для этого выберите плитку целиком в панели слоев и укажите нужное число в поле «Лимит» в панели настроек справа.
Дополнительные настройки вывода плитки постов
Чтобы открыть дополнительные настройки плитки постов, выберите слой с потоком в панели слоев и в настройках нажмите «Пустое состояние, пропустить X постов и категории».
Пустое состояние отображается, если в потоке ещё нет постов. Его можно настроить. Для этого выберите нужный вариант в выпадающем меню:

  • «По умолчанию» — на странице будет отображаться стандартное сообщение о том, что постов нет;
  • «Пусто» — поток не будет отображаться на странице;
  • «Настроить» — в Zero Block будет создана группа, которую можно кастомизировать с помощью разных элементов.
Пропустить Х постов. Вы можете выводить посты в плитке не с первого, а с любого другого поста в списке. Например, если указать «Пропустить 1 пост», плитка начнет отображать посты со второго.
Разделы. Если в потоке есть разделы, можно выбрать, отображать их в плитке или нет.
После добавления разделов в панели слоев автоматически появится новая группа Categories. Поля будут связаны с нужными полями разделов из потока. После добавления категорий вы можете настроить их дизайн.
Условия видимости элементов
Для элементов можно настроить условия видимости. Нажмите на любой элемент в плитке поста и в настройках найдите пункт «Видимость». По умолчанию для элемента установлено значение «Показать».

Чтобы скрыть элемент, нажмите на выпадающее меню в поле «Видимость» и выберите «Скрыть».
Чтобы задать условие видимости, нажмите «Добавить условие».
Выберите условие, по которому элемент будет отображаться или скрываться. Доступны следующие варианты:

  • «Указано» — поле содержит любое значение;
  • «Не указано» — поле не содержит значения;
  • «Равно» — значение поля строго совпадает с заданным;
  • «Не равно» — значение поля не совпадает с заданным.
Помимо основных условий, для полей с датой доступны значения «раньше» и «позже», а для сортировки по числовым полям — «меньше» и «больше».
Если выбрано условие «Равно» или «Не равно», укажите значение, которое нужно проверять в поле.
Чтобы добавить еще одно условие, нажмите значок плюса.
После настройки условий в плитке будут отображаться только те элементы, которые соответствуют заданным условиям.
Перенос потоков с помощью CSV
С помощью импорта и экспорта CSV можно перенести посты из информационных потоков в настраиваемые, а также переносить посты между настраиваемыми потоками.

Для этого в редакторе потока наведите курсор на «Еще» и нажмите «Экспортировать как CSV».
Выберите раздел или все посты, укажите разделитель и нажмите «Экспортировать».
Затем создайте все поля для контента в новом настраиваемом потоке, чтобы значения постов перенеслись корректно. После этого импортируйте CSV-файл с постами потока.
Проверьте в предпросмотре, все ли корректно, и нажмите «Импортировать».
В окне мэппинга сопоставьте поля из файла с полями потока. Если какие-то поля переносить не нужно, выберите для них значение «Игнорировать».

Поля потока из файла автоматически не создаются. Когда все поля будут сопоставлены, нажмите «Начать запись данных».
Made on
Tilda