Skip to content
  1. Extras
  2. ms3OptionsColor

Snippets

The package ships one storefront snippet. Chunks connect via the tpl parameter or run on their own (select, cart, mFilter).

SnippetPurpose
ms3OptionsColorSwatches, <option> rows for select, return=data array

Package chunks

ChunkWhen to use
tplMs3OptionsColorColor square on the product page and in the catalog (snippet default)
tplMs3OptionsColorSelectReady <select> with label and option rows
tplMs3OptionsColorSelectOptionSingle <option> with data-color / data-pattern
tplMs3OptionsColorCartExample color block in a cart line
tplMFilterMs3OptionsColormFilter row for type ms3oc

Stock chunks use Fenom. Styles rely on data-ms3oc-*, not theme CSS class names.

Where to start

  1. Parameters and call examples: ms3OptionsColor
  2. Product page, select, cart, catalog: Frontend
  3. Filter type ms3oc: mFilter
  4. Variant colors: ms3variants
  5. Default option key: System settings