ModxEasy

ModxEasy — визуальный конструктор страниц для MODX 3 в духе Elementor и Tilda. Страница собирается мышкой из секций, колонок и виджетов, а на сайт отдаётся обычный HTML, отрендеренный на сервере. Редактор открывается вкладкой в форме ресурса, рядом с «Документ» и «Дополнительные поля», и сохраняется штатной кнопкой «Сохранить».


Главная демо-магазина целиком собрана в ModxEasy — так её видит посетитель.


Редактор — вкладка в форме ресурса: виджеты слева, страница в центре, настройки и темы справа.

Что внутри:

— 28 виджетов: заголовок, текст, изображение, логотип, кнопка, видео, иконка, отступ, разделитель, HTML, сниппет, форма, галерея, галерея товара, аккордеон, табы, счётчик, прогресс, таймер, карусель и 8 виджетов miniShop3.
— Виджеты miniShop3: карточка товара, сетка товаров, цена, кнопка «В корзину», мини-корзина, варианты, категории, фильтр. Появляются в палитре сами, если на сайте установлен miniShop3.


Сетка товаров miniShop3: цены, скидки и кнопка «В корзину» берутся из каталога магазина.


Карточка товара на сайте: галерея товара, цена со старой ценой, кнопка «В корзину».


Та же карточка в редакторе: один шаблон на все товары — заголовок и анонс подставляются тегами MODX.

— Каталог заготовок: 32 секции в 16 категориях и 19 шаблонов страниц, из них 6 для магазина (главная, каталог, категория, товар, корзина, заказ).


Шаблоны страниц и готовые секции — страница начинается с заготовки, а не с чистого листа.

— Конструктор темы: шапка и подвал собираются в том же редакторе и подключаются в любой шаблон одним сниппетом.
— Адаптив: три режима (десктоп, планшет, телефон), свои стили и скрытие блоков для каждого устройства.
— Стили без CSS: отступы, цвета, фон, рамки, скругления, тени, анимация появления.


Клик по виджету — справа его содержимое и стили: отступы, цвет, фон, рамка, скругление, тень.

— Формы с защитой: встроенная капча, reCAPTCHA или Яндекс SmartCaptcha, отправка через почтовые настройки сайта.
— Видео: YouTube, Vimeo, RuTube, VK Видео и свои MP4.
— Импорт готовой вёрстки из HTML и страниц из Tilda (JSON).


Импорт HTML: вставленная вёрстка разобрана на 3 секции и 12 виджетов, дальше правится мышкой.

— Теги MODX работают внутри виджетов: поля ресурса, TV, чанки, сниппеты.
— Отмена и повтор до 100 шагов, история ревизий, копирование стиля, дерево структуры с перетаскиванием.
— Медиатека с загрузкой перетаскиванием и пакетной загрузкой для галерей; HEIC конвертируется в JPEG, если на сервере есть ImageMagick.
— Интерфейс на русском и английском, язык берётся из настроек менеджера.

Как это устроено: содержимое страницы хранится в TV ресурса, история — в отдельной таблице. На сайт страница выводится сниппетом [[!ModxEasy]] или автоматически вместо [[*content]] для отмеченных страниц. Стили всех виджетов собираются в один блок, скрипт для интерактивных виджетов весит около 7 КБ и подключается только там, где нужен.

Требования: MODX Revolution 3.0+, PHP 8.1+, MySQL 5.7+ или MariaDB 10.4+. Для виджетов магазина нужен miniShop3.