Skip to content
  1. Extras
  2. ms3OptionsColor
  3. Getting started
  4. System settings

System settings ​

Open System → System settings, then filter by namespace ms3optionscolor.

After changing values, clear the MODX cache. If you edited the manager (RAL, option key), reload the page: Vue configuration is read on open.

The database key always uses an underscore: ms3optionscolor_<name>. An empty key is read as ms3optionscolor.default_option_key, then ms3optionscolor_product_option_keys, then color.

Transport has 'settings' => false: a new package default will not overwrite values already saved on the site.

Summary table ​

KeyTypeDefaultSummary
ms3optionscolor_default_option_keytextfieldcolorWhich product options count as "color"
ms3optionscolor_ral_enabledcombo-booleanYesRAL tab and search in the manager
ms3optionscolor_frontend_csscombo-booleanYesAuto-load swatch styles on the storefront
ms3optionscolor_variants_decoratecombo-booleanYesDictionary colors on ms3variants rows in the catalog

ms3optionscolor_default_option_key ​

Which option appears on the Swatches tab and in chips on Product properties. The snippet uses the same key when you omit &options.

ValueWhen to use
colorOne "Color" option key (typical shop)
color,materialSwatches for both color and material

Write multiple keys comma-separated. The package trims spaces after commas. Do not leave the field empty.

If the option key differs (for example obivka), set it here. Otherwise the Swatches tab stays empty even when values exist on Product properties.

ms3optionscolor_ral_enabled ​

ValueEffect
YesThe CMP shows a RAL tab; the color dialog can search RAL codes
NoThe RAL tab is hidden and RAL search in the form is unavailable. Saved codes in the dictionary are not deleted

Turn off if RAL is not needed. HEX and patterns do not depend on this setting.

ms3optionscolor_frontend_css ​

ValueEffect
YesStyles from css/web/main.css load on site pages and when the snippet runs
NoStyles do not load. [data-ms3oc-swatch] squares often have no size, especially in the cart

Keep Yes if you use stock chunks. Set No only when you load theme CSS yourself and do not want a second package file.

Manual include:

fenom
<link rel="stylesheet" href="{'assets_url' | option}components/ms3optionscolor/css/web/main.css">
modx
<link rel="stylesheet" href="[[++assets_url]]components/ms3optionscolor/css/web/main.css">

ms3optionscolor_variants_decorate ​

Works only with ms3variants and a listing call with usePackages=ms3Variants.

ValueEffect
YesEach catalog variant gets dictionary colors (variants[].swatches)
NoVariants behave like ms3variants without dictionary colors

This setting does not affect the cart, price, or variant selection on the product page. Markup: ms3variants.

Access permissions ​

The package does not create separate permissions.

ActionRequired permission
Open the section, edit dictionary and RALmsproduct_save (same as saving a miniShop3 product)
Swatches tab on a productsame msproduct_save

Without the permission, saves in the manager fail. Check the manager role policy and clear the cache.