Shopify边框选择的颜色

Question

我有shopify商店，我在互联网上找到了一个代码，用他的图片替换颜色，如下所示。

当选择颜色时，我真的需要添加边框，有人能帮我吗。

这样做的代码是：

{%if option.name == "Couleur"%}
<label>{{option.name}}</label>
{%assign index = forloop.index %}
{%for value in option.values%}
<input class="single-option-selector-{{ section.id }}" id="Couleur-{{forloop.index}}" type="radio" style='visibility:hidden;display:none' name="Couleur" value="{{ value | escape }}" data-index="option{{index}}" {% if option.selected_value == value %}checked{%endif%}/>
<label id="colorSelected" class="label_couleur" for="Couleur-{{forloop.index}}" style="margin: 0 5px;">
<img class="img_couleur"  src="{{value | escape | append:'.jpg' | strip | asset_url }}"/>      
</label>
{%endfor%}
{%else%}

我真的需要帮助，提前谢谢。

Answer 1

您可以在Shopify社区论坛中参考，该论坛提供了一个为产品中的颜色创建样例图像的解决方案。请点击此处查看以实现。

这个解决方案不会冒险和无限的主题。我在首秀中实现的主题是为客户商店工作。