Как отобразить «Выберите ваш вариант» вместо «Добавить в корзину», если в товарах есть переменные?

Question

В магазине я пытаюсь показать «Выберите ваш вариант» и нажмите кнопку, чтобы перейти к URL-адресу продукта, если у него есть несколько вариантов, и у продуктов без опций отображается стандарт «Добавить в корзину».

У меня есть этот начальный шаблон, но я не могу заставить его работать.

<form action="/cart/add" method="post" enctype="multipart/form-data" id="AddToCartForm" class="quick-add-to-cart small--hide clearfix">
{% if product.variants.size > 1 %}
  <select id="product-select-{{ product.id }}" name='id' class="text-center">
  {% 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 }}</option>
  {% else %}
    <option disabled="disabled">
    {{ variant.title }} - {{ 'products.product.sold_out' | t }}
    </option>
  {% endif %}
  {% endfor %}
  </select>
  {% else %}
    <input type="hidden" name="id" value="{{ product.variants.first.id }}" />
  {% endif %}

  {% if product.available %}
    <button type="submit" name="add" id="AddToCart" class="btn btn-mini text-center" onclick="ga('send', 'event', 'Quick Add To Cart', '{{ product.type }}', '{{ product.title }}');">Add To Cart</button>
  {% else %}
    <h6>Out of Stock</h6>
  {% endif %}
</form>   

Вот мое редактирование, но оно не сработало и также выдает ошибки.

<form action="/cart/add" method="post" enctype="multipart/form-data" id="AddToCartForm" class="quick-add-to-cart small--hide clearfix">
{% if product.variants.size > 1 %}
    <button type="submit" name="add" id="AddToCart"  class="btn btn-mini text-center" onclick="ga('send', 'event', 'Quick Add To Cart', '{{ product.type }}', '{{ product.title }}');">Add To Bag</button>
  {% else %}
      <button type="submit" name="add" id="AddToCart"  class="btn btn-mini text-center" onclick="ga('send', 'event', 'Quick Add To Cart', '{{ product.type }}', '{{ product.title }}');">Add To Bag</button>
  {% endif %}

 {% if product.available %}
    <button type="submit" name="add" id="AddToCart" class="btn btn-mini text-center" onclick="ga('send', 'event', 'Quick Add To Cart', '{{ product.type }}', '{{ product.title }}');">Add To Cart</button>
  {% else %}
    <h6>Out of Stock</h6>
  {% endif %}
</form>