Variaatioiden käyttöönotto - Cora

variants.cora.liquid

{% if product.variants.size > 0 %}
  {% for option in product.options_with_values %}
    <div class="form-group">
      <label>{{ option.title }}</label>
      
      <select class="form-control" name="variant-select">
        {% for value in option.values %}
          {% if value.variant %}
            <option value="{{ value.variant.url }}"{% if value.selected %} selected{% endif %}>{{ value.title }}</option>			
          {% endif %}
        {% endfor %}
      </select>
    </div>
  {% endfor %}

  <script>
    const selectElement = document.querySelectorAll('[name="variant-select"]').forEach(el => {
      el.addEventListener('change', () => {
        if (el.value) {
          window.location.href = el.value;
        }
      })
    });
  </script>
{% endif %}