如何将默认尺寸选择器设置为未选择状态？

Question

我希望将我的尺寸变化选择器默认为不选择任何内容。目前，它正在选择最小的变体尺寸。我要更改它，因此没有选择任何变体开始。 Here's a perfect example on Urban Outfitters关于我的外观。 Shopify describes how to remove it from every theme but Brooklyn (which is what I'm using)，但我认为这是一个简单的解决方法，就是不选择任何内容。这是我的代码。

<select name="id" id="ProductSelect" class="product-single__variants 
no-js">
{% for variant in product.variants %}
{% if variant.available %}
<option {% if variant == product.selected_or_first_available_variant 
%}
selected="selected" {% endif %}
data-sku="{{ variant.sku }}"
value="{{ variant.id }}">
{{ variant.title }} - {{ variant.price | money_with_currency }}
</option>
{% else %}
<option disabled="disabled">
{{ variant.title }} - {{ 'products.product.sold_out' | t }}
</option>
{% endif %}
{% endfor %}
</select>

Answer 1

如果您使用的是Button样式选择器，只需在 theme.js.liquid

的末尾添加以下代码

这将重置复选框选择。

$(document).ready(function() {

    $('.product-form__item input[type=radio]').prop('checked', false);
});