Как установить селектор размера по умолчанию, чтобы он не был выбран?

Question

Я ищу по умолчанию мой селектор вариантов размера, чтобы ничего не выбирать.В настоящее время выбирается самый маленький размер варианта.Я хочу изменить его, чтобы ни один из вариантов не был выбран для начала. Вот прекрасный пример для Urban Outfitters того, как я хочу, чтобы это выглядело. Shopify описывает, как удалить его из каждой темы, кроме Бруклина (именно это я и использую) , но я думаю, что это было бы легко исправить, просто не выбрав его ни для чего.Вот мой код.

<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

Если вы используете селектор стиля кнопки, просто добавьте следующий код в конце theme.js.liquid

Это сбросит флажок.

$(document).ready(function() {

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