Отправлено от
<!-- Выдаем списки со свойствами для модификаций, чтобы определить какую модификацию товара хочет пользователь -->
{% FOR values %}
<!-- Если это первый элемент в списке -->
{% IF goods_modifications_properties.values.first %}
<span class="goodsDataMainModificationsRadio">
<strong>{goods_modifications_properties.NAME}:</strong><br />
{% ENDIF %}
<input type="radio" name="form[properties][{goods_modifications_properties.ID}]" value="{goods_modifications_properties.values.ID}" {% IF goods_modifications_properties.values.SELECTED %}checked="checked"{% ENDIF %} /> {goods_modifications_properties.values.NAME} <br />
{% IF goods_modifications_properties.values.last %}
</span>
{% ENDIF %}
{% ENDFOR %}
</td>
{goods_modifications_properties.index | is_divided("2","</tr><tr>","")}
и замените его на код
<!-- Выдаем списки со свойствами для модификаций, чтобы определить какую модификацию товара хочет пользователь -->
{% FOR values %}
<!-- Если это первый элемент в списке -->
{% IF goods_modifications_properties.values.first %}
<span class="goodsDataMainModificationsRadio">
<strong>{goods_modifications_properties.NAME}:</strong><br />
{% ENDIF %}
<input type="radio" id="{goods_modifications_properties.values.ID}" name="form[properties][{goods_modifications_properties.ID}]" value="{goods_modifications_properties.values.ID}" {% IF goods_modifications_properties.values.SELECTED %}checked="checked"{% ENDIF %} /> <label for="{goods_modifications_properties.values.ID}">{goods_modifications_properties.values.NAME}</label>
{% IF goods_modifications_properties.values.last %}
</span>
{% ENDIF %}
{% ENDFOR %}
</td>
{goods_modifications_properties.index | is_divided("2","</tr><tr>","")}
далее в ваш файл стилей main.css добавьте
.goodsDataMainModificationsBlockProperty input:checked + label {
border: 1px solid #72d300;
}
.goodsDataMainModificationsBlockProperty input + label {
border: 1px solid #ccc;
cursor: pointer;
display: inline-block;
height: 45px;
line-height: 45px;
margin: 4px;
text-align: center;
width: 85px;
}
.goodsDataMainModificationsBlockProperty input {
display: none;
}
а после в файл main.js добавьте
$(function() {
var colors = {'Коричневый': 'brown', 'Серый': 'gray', 'Черный': 'black'};
$('.goodsDataMainModificationsBlockProperty label').each(function() {
var name = $.trim($(this).text());
if(name in colors) {
$(this).css({
'backgroundColor': colors[name]
});
}
});
});
Проверить можете на товаре /goods/Пальто
