|
| 1 | +--- |
| 2 | +title: Интерфейс |
| 3 | +--- |
| 4 | +# Административный интерфейс |
| 5 | + |
| 6 | +Обзор административного интерфейса MiniShop3 в панели управления MODX. |
| 7 | + |
| 8 | +## Доступ |
| 9 | + |
| 10 | +**Меню:** Приложения → MiniShop3 |
| 11 | + |
| 12 | +## Структура интерфейса |
| 13 | + |
| 14 | +### Страницы ресурсов |
| 15 | + |
| 16 | +| Страница | Описание | |
| 17 | +|----------|----------| |
| 18 | +| [Категория](category) | Редактирование категории товаров с таблицей товаров | |
| 19 | +| [Товар](product) | Редактирование карточки товара | |
| 20 | +| [Галерея](gallery) | Управление изображениями товара | |
| 21 | + |
| 22 | +### Раздел настроек |
| 23 | + |
| 24 | +**Меню:** Приложения → MiniShop3 → Настройки |
| 25 | + |
| 26 | +| Вкладка | Описание | |
| 27 | +|---------|----------| |
| 28 | +| [Доставки](settings/deliveries) | Способы доставки | |
| 29 | +| [Оплаты](settings/payments) | Способы оплаты | |
| 30 | +| [Производители](settings/vendors) | Справочник производителей | |
| 31 | +| [Связи](settings/links) | Типы связей товаров | |
| 32 | +| [Опции](settings/options) | Справочник опций товаров | |
| 33 | + |
| 34 | +Подробнее: [Настройки](settings) |
| 35 | + |
| 36 | +### Утилиты |
| 37 | + |
| 38 | +**Меню:** Приложения → MiniShop3 → Утилиты |
| 39 | + |
| 40 | +| Вкладка | Описание | |
| 41 | +|---------|----------| |
| 42 | +| [Галерея](utilities/gallery) | Перегенерация миниатюр | |
| 43 | +| [Импорт](utilities/import) | Импорт товаров из CSV | |
| 44 | +| [Поля товара](utilities/product-fields) | Настройка полей в карточке товара | |
| 45 | +| [Дополнительные поля](utilities/extra-fields) | Создание новых полей | |
| 46 | +| [Колонки гридов](utilities/grid-columns) | Настройка таблиц | |
| 47 | +| [Поля модели](utilities/model-fields) | Поля моделей БД | |
| 48 | + |
| 49 | +Подробнее: [Утилиты](utilities) |
| 50 | + |
| 51 | +## Технологии |
| 52 | + |
| 53 | +Административный интерфейс MiniShop3 построен на двух технологиях: |
| 54 | + |
| 55 | +| Технология | Применение | |
| 56 | +|------------|------------| |
| 57 | +| **ExtJS 3.4** | Основные панели (заказы, клиенты, ExtJS-формы) | |
| 58 | +| **Vue 3 + PrimeVue** | Современные компоненты (таблицы категорий, настройки, утилиты) | |
| 59 | + |
| 60 | +Vue-компоненты интегрированы в ExtJS через точки монтирования и требуют пакет [ModxProVueCore](/components/modxprovuecore/). |
| 61 | + |
| 62 | +## Расширение интерфейса |
| 63 | + |
| 64 | +### Добавление CSS/JS |
| 65 | + |
| 66 | +Используйте событие `msOnManagerCustomCssJs`: |
| 67 | + |
| 68 | +```php |
| 69 | +<?php |
| 70 | +switch ($modx->event->name) { |
| 71 | + case 'msOnManagerCustomCssJs': |
| 72 | + $page = $scriptProperties['page']; |
| 73 | + $controller = $scriptProperties['controller']; |
| 74 | + |
| 75 | + if ($page === 'product_update') { |
| 76 | + $controller->addCss('/assets/components/mycomponent/css/product.css'); |
| 77 | + $controller->addLastJavascript('/assets/components/mycomponent/js/product.js'); |
| 78 | + } |
| 79 | + break; |
| 80 | +} |
| 81 | +``` |
| 82 | + |
| 83 | +### Кастомные действия в таблицах |
| 84 | + |
| 85 | +Регистрация действий через `MS3ActionRegistry`: |
| 86 | + |
| 87 | +```javascript |
| 88 | +MS3ActionRegistry.register('myAction', async (data, gridId) => { |
| 89 | + // Ваш код |
| 90 | + return { success: true, refresh: true }; |
| 91 | +}); |
| 92 | +``` |
| 93 | + |
| 94 | +Подробнее: [Категория — Добавление действий](category#добавление-действий-в-колонку) |
0 commit comments