ms3OptionsColor — цвета и паттерны для опций MiniShop3

ms3OptionsColor — дополнение для MODX Revolution 3.x и MiniShop3, которое превращает обычные значения опций в полноценные визуальные свотчи: цвет, RAL, паттерн или изображение.
Если в каталоге есть опция «Цвет», покупателю необязательно видеть только текст Красный или Графит. Гораздо удобнее показать реальный цвет, текстуру или образец материала.
При этом настройка цвета не привязана к конкретному шаблону или товару: используется единый справочник соответствий «значение опции → визуальное представление» для всего каталога.
Единый справочник цветов
В компоненте появляется отдельный интерфейс для управления значениями опций.
- HEX/RGB-код цвета;
- номер RAL;
- паттерн или изображение;
- поиск по значениям;
- фильтр заданных и незаданных значений;
- встроенная палитра RAL Classic — 213 цветов.


Цвет, RAL или паттерн
Для каждого значения можно выбрать подходящий способ отображения.


Для каталогов, где используются промышленные цветовые стандарты, доступна отдельная палитра RAL.

Вкладка Swatches в товаре
В карточке товара MiniShop3 появляется вкладка Swatches, где можно управлять визуальным представлением значений опций.

Свотчи также отображаются непосредственно в чипах значений опций.

Вывод на витрине
Для фронтенда используется сниппет ms3OptionsColor. Поддерживаются Fenom-чанки, @FILE, выборка по опциям и возврат данных.
Можно выводить обычные свотчи:

Или использовать select со свотчами — в том числе через Select2.


Свотчи можно использовать и в сетке каталога.

Интеграция с mFilter
Для mFilter добавляется отдельный тип ms3oc. При этом стандартный тип colors mFilter не изменяется.
Для оформления используется отдельный чанк tplMFilterMs3OptionsColor.

Интеграция с ms3variants
Если магазин использует ms3variants, дополнение может добавить информацию о свотчах к уже подготовленным вариантам товара.
При этом ms3OptionsColor не управляет ценой, остатком или ID варианта — это остаётся зоной ответственности ms3variants.

Почему это удобно
Вместо того чтобы прописывать цвета вручную в шаблонах и отдельно решать задачу для каталога, карточки товара и фильтров, появляется единый источник данных:
значение опции → цвет / RAL / паттерн → товар → витрина → фильтр → варианты
Это особенно удобно для каталогов мебели, одежды, отделочных материалов, красок, плитки, тканей и других товаров, где визуальное представление характеристик действительно важно.
Требования
- MODX Revolution ≥ 3.0.3
- PHP ≥ 8.2
- MiniShop3
- VueTools ≥ 1.1.2-pl
- pdoTools
Ссылки
Комментарии: 0