Skip to content
PageBuilder
PageBuilder
Визуальный конструктор секций для MODX 3: черновик и публикация без перезаписи content ресурса
  • MODX 3
  • PHP 8.2
  • Vue 3
  1. Компоненты
  2. PageBuilder
  3. Каталог секций
  4. Free
  5. Отступ

Отступ ​

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

Отступ

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

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

Где помогает ​

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

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

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

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

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

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

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

ПараметрЗначение
keyspacer
СлойFree
Категориявёрстка (layout)
Chunkpagebuilder_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>

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