Skip to content
  1. Компоненты
  2. ms3OptionsColor

Обзор менеджера ​

Раздел Компоненты → ms3OptionsColor открывается из меню или по ссылке manager/?a=index&namespace=ms3optionscolor. Интерфейс на Vue 3 и PrimeVue (VueTools).

CMP: словарь

Пошаговые сценарии: Сценарии.

Как работает раздел ​

Список словаря и вкладка Swatches сохраняют данные через connector miniShop3 (assets/components/minishop3/connector.php, action=MiniShop3\Processors\Api\Index). Прямой /api/mgr/… на части хостингов отвечает 404. Нужны miniShop3 и право msproduct_save.

Маршруты под /api/mgr/ms3optionscolor:

МетодПутьНазначение
GET/product/{id}Свотчи товара
GET/mapКарта ключ+значение → HEX/pattern
GET/colorsСписок словаря
PUT/colorsСоздать/обновить цвет
DELETE/colors/{id}Удалить цвет
GET/ralПоиск RAL
PUT/ralСоздать/обновить RAL
DELETE/ral/{id}Удалить RAL

Экран CMP ​

Сверху вниз:

  1. Вкладки Словарь и RAL, если включён ms3optionscolor_ral_enabled.
  2. Таблица с поиском, фильтром статуса и действиями.

Словарь ​

ДействиеКак
ПоискПоле «Поиск значения или ключа» (без учёта регистра, в т.ч. кириллица)
Фильтр статусаAPI: all / не задан / active / inactive. Не disabled
Править / назначитьИконка карандаша в строке
УдалитьВ диалоге кнопка Удалить с confirm

Поиск в словаре

Фильтр «Не задан»

Диалог назначения

Словарь общий: пара option_key + value одна на весь каталог.

RAL ​

Вкладка RAL: поиск по коду и названию, Добавить, правка строки.

Справочник RAL

Диалог добавления RAL

Диалог цвета ​

В диалоге задаёте HEX (полоска + RGB/HSV), URL паттерна, RAL, title, activity. Режимы: Цвет / Паттерн.

Выбор RAL подставляет его HEX. Если вы измените HEX вручную или сохраните режим Паттерн, форма очистит связь с прежним RAL. Код и цвет не расходятся.

При сохранении пакет нормализует URL паттерна и поле «Изображение»:

Что сохранилиЧто запишется
/assets/…путь от корня сайта
полный URL этого же сайтаотносительный путь
внешний HTTPS/CDN URLкак есть

Диалог редактирования HEX

Диалог с паттерном

Вкладка товара Swatches ​

На product_create / product_update плагин регистрирует вкладку Swatches среди Vue-вкладок товара.

Вкладка Swatches

Порядок работы:

  1. На Свойства товара добавьте значения опции (color или ключи из ms3optionscolor_default_option_key).
  2. Сохраните товар.
  3. На Swatches назначьте HEX / pattern / RAL значениям со статусом «не задано».

Подсказки из comboColors miniShop3 подставляются в UI. Пакет не пишет цвет в msOption.properties.

На вкладке Свойства товара скрипт product-option-swatch.js рисует квадрат свотча в чипах опции. Запрос /map идёт тем же connector miniShop3.

Чипы опции со свотчем

Ограничения ​

  • Без VueTools раздел менеджера и вкладка товара не откроются.
  • Без права msproduct_save словарь не сохранится.
  • Тип фильтра ms3oc появится только если установлен mFilter.