PageBuilder
Визуальный конструктор секций для MODX 3: черновик и публикация без перезаписи content ресурса
- MODX 3
- PHP 8.2
- Vue 3
Каталог секций
Встроенные блоки для страниц в менеджере MODX: выберите тип, заполните поля в инспекторе, переставляйте блоки на ресурсе.
Ключ (key) попадает в сниппет PageBuilder и в JSON документа. Свои типы добавляют через панель управления (Pro) или плагин на pbOnRegisterSectionDefinitions.
Free: контент и layout (10)
| key | Секция | Категория | Требования |
|---|---|---|---|
contact | Контакты | конверсия | — |
cta | Призыв к действию | конверсия | — |
faq | Вопросы и ответы | контент | — |
gallery | Галерея | медиа | authoring: Pro; runtime в Free |
hero | Первый экран (Hero) | герой | — |
richtext | Текстовый блок | контент | — |
spacer | Отступ | вёрстка | — |
stats | Цифры и факты | Отзывы и доверие (social) | — |
testimonials | Отзывы клиентов | Отзывы и доверие (social) | — |
video | Видео | медиа | — |
Free: utility (2)
| key | Секция | Требования |
|---|---|---|
cards | Карточки | — |
image | Изображение | — |
Pro
| key | Секция | Категория | Требования |
|---|---|---|---|
blog_posts | Записи блога | контент | pro |
brands_row | Ряд брендов | Коммерция (commerce) | pro, minishop3 |
categories_row | Ряд категорий | Коммерция (commerce) | pro, minishop3 |
contact_form | Форма обратной связи | конверсия | pro, FetchIt |
contact_map | Контакты с картой | конверсия | pro |
curated_products | Подборка товаров | Коммерция (commerce) | pro, minishop3 |
data_table | Таблица данных | контент | pro |
features | Преимущества | контент | pro |
gallery_carousel | Карусель галереи | медиа | pro |
logos | Логотипы партнёров | Отзывы и доверие (social) | pro |
map | Карта | медиа | pro |
pricing_table | Тарифы | конверсия | pro |
product_comparison | Сравнение товаров | Коммерция (commerce) | pro, minishop3 |
product_spotlight | Товар в фокусе | Коммерция (commerce) | pro, minishop3 |
products_carousel | Карусель товаров | Коммерция (commerce) | pro, minishop3 |
products_grid | Сетка товаров | Коммерция (commerce) | pro, minishop3 |
promo_banner | Промо-баннер | Коммерция (commerce) | pro, minishop3 |
quiz | Квиз | конверсия | pro, FetchIt |
related_products | Похожие товары | Коммерция (commerce) | pro, minishop3 |
spec_table | Таблица характеристик | контент | pro |
structured_content | Структурированный контент | контент | pro |
tabs | Вкладки | контент | pro |
team | Команда | Отзывы и доверие (social) | pro |
accordion | Аккордеон | контент | pro |
before_after | До и после | медиа | pro |
case_study | Кейс | контент | pro |
downloads | Загрузки | контент | pro |
dynamic_list | Динамический список | контент | pro, datasources |
filterable_grid | Сетка с фильтром | контент | pro, datasources |
form_builder | Конструктор формы | конверсия | pro, forms, FetchIt |
how_it_works | Как это работает | контент | pro |
locations | Адреса | контент | pro |
media_split | Медиа и текст | контент | pro |
newsletter | Рассылка | конверсия | pro |
notice | Уведомление | контент | pro |
portfolio | Портфолио | контент | pro |
quote | Цитата | контент | pro |
timeline | Хронология | контент | pro |
Секции Коммерции требуют miniShop3. Без пакета SectionRequirementChecker уберёт их из каталога. Проверку переопределяют через pbOnCheckSectionRequirement.
Секции quiz и contact_form на витрине нуждаются в FetchIt (отдельная установка).
msProducts отрисовывает товарные секции: products_grid, products_carousel, product_spotlight, product_comparison, promo_banner, curated_products, related_products. pdoResources отрисовывает категории с классом MiniShop3\Model\msCategory.
Рассылка шлёт HTML-форму на внешний action_url. Это не FetchIt. Аккордеон выводит <details> без JS.
Конструктор формы требует capability forms. Динамический список и сетка с фильтром требуют datasources.
С флагом runtimeContext: true в JSON также квиз и форма обратной связи. Эти пять типов входят в контекст страницы, чтобы HTML-кеш их не замораживал.
Типы с runSnippet в чанке помечены "cacheable": false. HTML-кеш документа их не замораживает: products_*, product_*, promo_banner, blog_posts, categories_row, data_table, подборка товаров, похожие товары.