Как сделать первую опцию переключателя в списке входов, выбранных по умолчанию на Shopify?

Question

Я создаю тему Shopify, в которой параметры продукта сделаны из переключателей, а не из выпадающих списков. Например, код для опции цвета продукта:

{% for value in option.values %}
  {% assign radio_id = 'option-' | append: option_name | append: '-' | append: value | handleize %}
  <input class="variant-radio" id="{{ radio_id }}" type="radio" name="{{ option_name }}" value="{{ value }}" {% if value == selected %}checked{% endif %}>
  <label for="{{ radio_id }}">
    {{ value }}
  </label>
{% endfor %}

Как сделать первый вариант выбранным цветом по умолчанию? Если я удаляю {% if value == selected %} и {% endif %} вокруг checked, он устанавливает только последний параметр, выбранный по умолчанию.

Answer 1

Вы можете использовать {% forloop.index %}, чтобы получить текущий индекс вашего цикла из "for" l oop.

Так что вы можете использовать что-то вроде этого:

{% for value in option.values %}
  ...
  <input type="radio"{% if forloop.index == 1 %} checked="checked"{% endif %}>
  ...
{% endfor %}

Answer 2

Вы можете опустить код if value == selected и использовать jquery:

$("input[type=radio].variant-radio:first").attr('checked', true);