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
Интеграции с mFilter и ms3variants являются опциональными.

Ссылки

Иван Бочкарев
Иван Бочкарев
6 часов назад
modx.pro
46

Комментарии: 0

Авторизуйтесь или зарегистрируйтесь, чтобы оставлять комментарии.
0