PageBuilder Pro — расширение визуального конструктора секций для MODX 3. Собирайте страницы из готовых блоков, сохраняйте собственные секции в библиотеку, используйте версии и историю публикаций, задавайте разные значения для Desktop / Tablet / Mobile, добавляйте условия отображения и используйте расширенные поля.

PageBuilder Pro включает возможности Free-версии и добавляет инструменты для лендингов, корпоративных сайтов, каталогов, интернет-магазинов и сложных контентных страниц.

Что входит в PageBuilder Pro

Free (входит в Pro):

• 11 готовых секций
• 30 типов полей

Pro добавляет:

• ещё 23 секции (итого 34) и ещё 20 полей (итого 50)
• библиотека секций
• связанные секции и Master-копии
• история публикаций и восстановление версий
• история изменений секций
• responsive-значения: Desktop / Tablet / Mobile
• условия отображения
• готовые пресеты
• копирование секций между контекстами
• глобальная корзина
• Agent API (Snapshot / Apply)
• секции MiniShop3

34 готовые секции

PageBuilder даёт каталог готовых блоков: добавляете через визуальный редактор, переставляете, дублируете, копируете между страницами и настраиваете в инспекторе.

Free — 11 секций

• Первый экран (hero) — главный экран с заголовком, текстом, кнопкой и фоном
• Текстовый блок (richtext) — контентный блок с форматированием
• Галерея (gallery) — набор изображений
• Вопросы и ответы (faq) — FAQ с повторяемыми вопросами и ответами
• Призыв к действию (cta) — CTA с текстом и кнопкой
• Отступ (spacer) — вертикальные отступы между секциями
• Цифры и факты (stats) — показатели и факты
• Отзывы (testimonials) — отзывы клиентов
• Контакты (contact) — телефон, email, текст и CTA
• Изображение (image) — отдельное изображение с подписью
• Карточки (cards) — сетка контентных карточек

Pro — 23 дополнительные секции

Контент

• Преимущества (features) — список с иконкой, заголовком и описанием
• Видео (video) — встраивание видео по URL
• Вкладки (tabs) — контент по вкладкам
• Структурированный контент (structured_content) — сложные структурированные данные
• Таблица данных (data_table) — данные в табличном виде
• Таблица характеристик (spec_table) — характеристики и параметры
• Тарифы (pricing_table) — тарифные планы и сравнение
• Записи блога (blog_posts) — вывод записей блога

Медиа и доверие

• Карусель галереи (gallery_carousel) — галерея в карусели
• Карта (map) — карта и точка расположения
• Команда (team) — сотрудники и участники команды
• Логотипы партнёров (logos) — логотипы клиентов, партнёров и брендов

Конверсия

• Форма обратной связи (contact_form) — секция с формой
• Контакты с картой (contact_map) — контакты и карта в одном блоке

MiniShop3

Commerce-секции доступны при установленном MiniShop3.

• Сетка товаров (products_grid)
• Карусель товаров (products_carousel)
• Товар в фокусе (product_spotlight)
• Промо-баннер (promo_banner)
• Похожие товары (related_products)
• Подборка товаров (curated_products)
• Ряд категорий (categories_row)
• Ряд брендов (brands_row)
• Сравнение товаров (product_comparison)

Всего в каталоге: 11 секций Free + 23 секции Pro = 34 готовые секции.

50 типов полей

Поля определяют, какие данные редактор вводит в секцию. Free даёт 30 типов, Pro добавляет ещё 20.

Free — 30 типов полей

• text — однострочный текст
• textarea — многострочный текст
• richtext — Rich Text / HTML-редактор
• ace — редактор кода Ace
• editorjs — блочный редактор Editor.js
• number — числовое значение
• url — URL или ссылка
• slug — slug / ЧПУ
• select — выбор одного значения
• multiselect — выбор нескольких значений
• radio — выбор одного значения из группы
• checkbox — флажок
• checkboxgroup — группа флажков
• yesno — да / нет
• toggle — переключатель
• date — дата
• time — время
• datetime — дата и время
• color — выбор цвета
• colorpalette — цвет из палитры
• file — выбор файла
• image — выбор изображения
• video — URL видео
• button — кнопка с текстом и ссылкой
• resourcelist — выбор ресурса MODX
• hidden — скрытое значение
• readonly — только чтение
• xtype — ExtJS / xtype-виджет
• heading — заголовок или разделитель в инспекторе
• repeater — повторяемые элементы с вложенными полями

Pro — 20 дополнительных типов

• relation — связанный объект
• multirelation — несколько связанных объектов
• gallery — несколько изображений
• map — точка на карте
• table — редактируемая таблица данных
• embeddedTable — встроенные таблицы ресурса
• keyvalue — пары «ключ — значение»
• tag — теги
• currency — денежные значения
• imask — маскированный ввод
• combo — расширенный комбинированный выбор
• multicombo — множественный комбинированный выбор
• tablecombo — комбинированный выбор в табличном виде
• tablemulticombo — множественный табличный комбинированный выбор
• fieldset — группа связанных полей
• dependent — зависимые поля
• tv — TV-параметры MODX
• chunk — выбор чанка
• snippet — выбор сниппета
• jsongrid — JSON в табличном виде

Итого: 50 типов полей — 30 в Free и ещё 20 в Pro.

Responsive-поля

В Pro у одного поля могут быть разные значения для разных устройств:

• Desktop
• Tablet
• Mobile

Responsive-режим поддерживается для полей: text, textarea, url, number, currency, richtext и slug.

Библиотека секций

Сохраните настроенный блок в библиотеку и используйте на других страницах.

• сохранение секции в библиотеку
• вставка библиотечного блока на другую страницу
• связь секций с Master-копией
• редактирование Master-копии
• при выводе связанных секций подставляются данные Master

Удобно для повторяющихся блоков: CTA, контакты, преимущества, промо, логотипы партнёров.

Версии и история

PageBuilder Pro сохраняет историю публикаций страницы и позволяет работать с версиями контента.

• снимки опубликованных версий
• история публикаций
• восстановление предыдущей версии
• история событий секций

Условия отображения

Pro добавляет условия для секций через системную настройку settings.conditions. Условия могут учитывать, например:

• авторизован пользователь или нет
• гостевой доступ
• контекст MODX
• GET-параметры
• другие поддерживаемые условия evaluator

Один набор секций можно показывать по разным сценариям.

Пресеты

Готовые наборы секций доступны в каталоге PageBuilder. Пресеты ускоряют сборку типовых страниц и повторяющихся структур.

Копирование между контекстами

Pro позволяет копировать секции между контекстами MODX. Удобно для мультиязычных и мультисайтовых проектов.

Глобальная корзина

Удалённые элементы можно восстановить из глобальной корзины панели управления. Механизм также используется для удалённых строк таблиц.

Agent API

PageBuilder Pro даёт Agent API для программной работы с секциями:

• Snapshot — снимок секций
• Apply — применение подготовленной структуры секций

Подходит для автоматизации создания и изменения страниц, внешних инструментов и AI/agent-сценариев.

MiniShop3

При установленном MiniShop3 доступны commerce-секции:

• Сетка товаров
• Карусель товаров
• Товар в фокусе
• Промо-баннер
• Похожие товары
• Подборка товаров
• Ряд категорий
• Ряд брендов
• Сравнение товаров

Commerce-секции требуют MiniShop3 и учитывают эту зависимость автоматически.

Как это работает

1. Откройте ресурс в MODX.
2. Перейдите во вкладку «Секции».
3. Выберите блок из каталога.
4. Заполните поля в инспекторе.
5. Перетащите секции в нужном порядке.
6. При необходимости сохраните секцию в библиотеку.
7. Просмотрите страницу в режиме черновика.
8. Нажмите «Опубликовать».

Секции хранятся отдельно от поля content ресурса. Пока правите, изменения остаются в черновике. На сайт уходит опубликованная версия.

Для каких проектов подходит

• лендинги
• корпоративные сайты
• сайты услуг
• каталоги
• интернет-магазины на MiniShop3
• промо-страницы
• страницы акций
• портфолио
• блоги и редакционные проекты
• мультиязычные и мультиконтекстные сайты

Технические требования

• MODX Revolution ≥ 3.0.3
• PHP ≥ 8.2
• VueTools ≥ 1.1.2
• pdoTools ≥ 3.0
• MySQL / MariaDB
• xPDO 3

PageBuilder Pro расширяет PageBuilder Free и использует его ядро как зависимость.

Кратко

• 34 готовые секции
• 50 типов полей
• 23 дополнительные Pro-секции
• 20 дополнительных Pro-полей
• 3 адаптивных варианта значений: Desktop / Tablet / Mobile

PageBuilder Pro даёт слой управления структурой страниц MODX 3: библиотека, версии, адаптивные значения, условия, пресеты, расширенные поля, Agent API и интеграция с MiniShop3.