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

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

Доступ

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

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

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

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

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

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

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

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

Утилиты

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

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

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

Технологии

Административный интерфейс MiniShop3 построен на двух технологиях:

Технология	Применение
ExtJS 3.4	Основные панели (заказы, клиенты, ExtJS-формы)
Vue 3 + PrimeVue	Современные компоненты (таблицы категорий, настройки, утилиты)

Vue-компоненты интегрированы в ExtJS через точки монтирования и требуют пакет 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 };
});

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