Визуальный конструктор секций для MODX 3: черновик и публикация без перезаписи content ресурса

Иван Бочкарев

Отступ

Пустая секция фиксированной высоты. Нужна, когда соседние блоки визуально слипаются и не хватает «воздуха».

Зачем пустая секция

Ритм страницы без пустых div в шаблоне
Четыре высоты из коробки (sm–xl)
Не ломает порядок секций при правках контента

Где помогает

Между hero и контентом: разделить первый экран и текст
После плотной сетки карточек или галереи
Перед футером: отделить последний CTA

Примеры страниц

Hero → Spacer → Карточки
Плотная Галерея → Spacer → CTA

Выбор размера

Выберите Размер (sm, md, lg, xl). Других полей нет.

Похожие секции

Отступы в CSS темы, если нужен pixel-perfect на всём сайте
Текстовый блок с коротким абзацем, если нужен текст между блоками

Параметры блока

Параметр	Значение
key	`spacer`
Слой	Free
Категория	вёрстка (`layout`)
Chunk	`pagebuilder_spacer`
Требования	—

Поля в редакторе

Заполните поля в инспекторе секции на ресурсе. Описание типов полей: справочник типов.

Размер (`size`)

Тип select. Обязательное. Выпадающий список с заранее заданными вариантами.

Что видит посетитель

Элемент pb-spacer с модификатором размера.

Данные секции

Пример JSON после сохранения секции. Для media, video и map значения на выводе могут быть обогащены:

json

{
  "size": "sm"
}

Шаблон chunk

Fenom chunk pagebuilder_spacer:

fenom

<div class="pb-spacer pb-spacer--{$size ?: 'md'}" aria-hidden="true"{if $id} id="pb-{$id|escape}"{/if}></div>

JSON-определение

core/components/pagebuilder/sections/spacer.json

Связанные страницы