Административный интерфейс

Обзор административного интерфейса MiniShop3 в панели управления MODX.

Доступ

Меню: Приложения → MiniShop3

Структура интерфейса

Страницы ресурсов

Страница	Описание
Категория	Редактирование категории товаров с таблицей товаров
Товар	Редактирование карточки товара
Галерея	Управление изображениями товара

Раздел настроек

Меню: Приложения → MiniShop3 → Настройки

Вкладка	Описание
Доставки	Способы доставки
Оплаты	Способы оплаты
Производители	Справочник производителей
Связи	Типы связей товаров
Опции	Справочник опций товаров

Подробнее: Настройки

Утилиты

Меню: Приложения → MiniShop3 → Утилиты

Вкладка	Описание
Галерея	Перегенерация миниатюр
Импорт	Импорт товаров из CSV
Поля товара	Настройка полей в карточке товара
Дополнительные поля	Создание новых полей
Колонки гридов	Настройка таблиц
Поля модели	Поля моделей БД

Подробнее: Утилиты

Технологии

Технология	Применение
Vue 3 + PrimeVue	Заказы, клиенты, уведомления, настройки (settings.min.js), утилиты, вкладки товара
ExtJS 3.4	Оболочка ресурса категории/товара в дереве MODX (Document / Settings / Access); гриды и вкладки «Товар» — Vue

Deep-link вкладок настроек: #tab-deliveries, #tab-payments, #tab-statuses, #tab-vendors, #tab-links, #tab-options.

Нужен пакет VueTools.

Расширение интерфейса

Добавление CSS/JS

Используйте событие msOnManagerCustomCssJs:

<?php
switch ($modx->event->name) {
    case 'msOnManagerCustomCssJs':
        $page = $scriptProperties['page'];
        $controller = $scriptProperties['controller'];

        if ($page === 'product_update') {
            $controller->addCss('/assets/components/mycomponent/css/product.css');
            $controller->addLastJavascript('/assets/components/mycomponent/js/product.js');
        }
        break;
}

Кастомные действия в таблицах

Регистрация действий через MS3ActionRegistry:

MS3ActionRegistry.register('myAction', async (data, gridId) => {
    // Ваш код
    return { success: true, refresh: true };
});

Подробнее: Категория — Добавление действий