Skip to content
mpcVisualEditor
Визуальное редактирование контента прямо на странице
  1. Компоненты
  2. mpcVisualEditor
  3. Списки и строки

Списки и строки

Многие блоки на странице — это повторяющиеся элементы: карточки услуг, отзывы, пункты меню, преимущества. В разметке это поле-список (data-mpc-field с повторяющимися строками data-mpc-item). Редактор позволяет менять состав и порядок строк прямо на странице.

Открытие редактора строк

Клик по списку открывает окно «Строки списка» — в нём перечислены все строки с номерами и кратким превью содержимого. Отсюда строки добавляют, удаляют и переставляют. Сами поля внутри строки (текст, картинка и т.п.) правятся обычным способом — кликом по ним на странице (см. Редактирование полей).

У каждого списка в правом верхнем углу есть кнопка ☰ — она всегда видна и тоже открывает окно строк. Она выручает, когда обёртка списка и его элементы одинаковой ширины: в таком случае значки-подсказки накладываются друг на друга, и кликнуть по нужному месту трудно. Кнопка ☰ даёт надёжный вход в редактор строк всегда.

Скрытые и вложенные списки

Список можно править и без клика на странице — через панель скрытых полей секции (кнопка «✎ поля» в панели «Секции»). Это удобно, когда список вырезан из видимой вёрстки. Подробнее — в разделе Скрытые поля блока.

Добавить, удалить, переставить

  • Добавить строку — кнопка «+ Добавить строку». Новая строка создаётся как копия первой с очищенными значениями (поля становятся пустыми плейсхолдерами «клик — заполнить») и сразу появляется на странице — её можно заполнять.
  • Удалить строку — крестик у строки (с подтверждением).
  • Переставить — перетащите строку за значок ⋮⋮ на новое место; порядок сохранится.
  • Картинка в строке — если строка списка целиком картинка, у неё есть кнопка 📷 для загрузки/замены изображения.

Изменения сразу отражаются на странице. Кнопка «Обновить» перезагружает страницу, когда нужно увидеть точный итоговый рендер.

Поля строки, включая скрытые

Поля внутри строки обычно правятся прямо на странице — кликом по тексту, картинке и т.п. Но у строки, как и у секции, бывают скрытые поля: вырезанные из вёрстки (data-mpc-remove) или вспомогательные — кликнуть по ним на странице нельзя. Само окно «Строки списка» (которое открывается кликом по списку или кнопкой ☰) до скрытых полей не даёт добраться — там только состав, порядок и загрузка картинки строки. Скрытые поля строки правятся через панель полей секции:

  1. в сайдбаре у нужной секции нажмите «✎ поля» (см. Управление секциями);
  2. в открывшейся панели у поля-списка откройте его строки;
  3. у нужной строки нажмите ✎ «Поля строки» — откроется панель со всеми полями этой строки: видимыми и скрытыми, включая вложенные списки и медиа (картинки/видео — своими редакторами).

Так можно поправить, например, поле, которое раньше выводилось автоматически, а потом было убрано из вёрстки (data-mpc-remove) и заменено ручной разметкой.

Быстрый триггер на странице

Если у строки есть скрытые поля, у неё на странице может появиться кнопка-триггер скрытых полей (в углу блока) — клик открывает их сразу. Кнопка зависит от вёрстки строки и видна не всегда (её может перекрывать или обрезать оформление блока), поэтому надёжный путь к полям строки — через «✎ поля» секции.

Лимит строк

Если у списка в разметке задан предел (data-mpc-max), кнопка «+ Добавить строку» блокируется по достижении лимита — с подсказкой, сколько строк максимум.

Последняя строка не удаляется в ноль

Если удалить все строки списка, у него не останется образца, по которому добавлять новые. Поэтому при удалении последней строки она не исчезает полностью, а очищается — остаётся одна пустая строка-заготовка. Так список всегда можно наполнить заново. Если строка не нужна — просто оставьте её пустой или скройте секцию целиком (см. Управление секциями).

Вложенные списки

Список может содержать другой список (например, группа → пункты внутри неё). Такие вложенные списки правятся так же: клик по внутреннему списку открывает своё окно строк. Структура сохраняется — у новой строки внешнего списка сразу есть заготовка вложенного.

Списки в наследуемой секции

Если секция на странице наследуется из типа (её ещё нет в самой странице — см. Управление секциями), при попытке добавить строку редактор спросит, что делать:

  • скопировать секцию в эту страницу — тогда список станет «своим», и его можно наполнять локально, не затрагивая другие страницы;
  • открыть страницу-источник — чтобы править список там, где он реально лежит (изменения увидят все страницы этого типа).

Так редактор не даёт случайно «потерять» правку в наследуемой секции.

Откат изменений

Операции со строками попадают в историю изменений и откатываются: можно вернуть удалённую строку или отменить перестановку — список восстановится к состоянию до операции.