msOptionsColor.tpl

```
[[msOptionsColor?
			&product=`[[*id]]`
			&name=`color`
			&tplRow=`_msOptionsColor.row`
			&tplOuter=`_msOptionsColor.outer`
			&active=`1`
]]
```

_msOptionsColor.row

```
<label>
    <input type="radio" name="options[color]" value="[[+value]]" data-color="[[+color]]" data-pattern="[[+pattern]]" checked="[[+selected]]">
    <div style="cursor: pointer;margin: 5px;float: left;height: 35px;width: 35px;background:#[[+color]]"></div>
    <span style='color:#[[+color]]'>[[+value]]</span>
</label>  


<style>
    
input[name='options[color]'] {
    display: none;
}

input[name='options[color]']:checked + div {
  border: 2px solid #0E0E0E;
} 
</style>
```

_msOptionsColor.outer
```
<div class="form-group">
    <label class="col-sm-2 control-label">[[%ms2_product_[[+name]]]]:</label>
    [[+rows]]
</div>
```