Shopify: Sustitución de Radio Producto Botones Con desplegable, seleccione

Question

Con Shopify estoy tratando de cambiar mi plantilla genérica para obtener una lista de selección desplegable en lugar de botones de radio para las variantes de mi producto. Me las arreglé para hacer esto, pero cuando se intenta añadir un producto a la cesta de la lista que dice: "No variante de identificación fue aprobada."

Este es el código para sus botones de radio:

<ul id="product-variants">
            {% for variant in product.variants %}
            <li>
              {% if variant.available %}
                <input type="radio" name="id" value="{{variant.id}}" id="radio_{{variant.id}}" style="vertical-align: middle;" {%if forloop.first%} checked="checked" {%endif%} />
                <label for="radio_{{variant.id}}"><span class="sku">{{ variant.sku }}</span>  {%if variant.title != 'Default' %}{{ variant.title }} for {%endif%}  <span class="price">{{ variant.price | money_with_currency }}</span></label>
              {% else %}
                <del style="margin-left: 26px">{{ variant.title }}</del>&nbsp;<span>Sold Out!</span>
              {% endif %}
            </li>
            {% endfor %}
          </ul>

Este es el código para mi desplegable seleccionar en este punto:

<select id="product-variants">
            {% for variant in product.variants %}
            <li>
              {% if variant.available %}
                <option value="{{variant.id}}" selected="selected"><span class="sku">{{ variant.sku }}</span>  {%if variant.title != 'Default' %}{{ variant.title }} for {%endif%}  <span class="price">{{ variant.price | money_with_currency }}</span></option>
              {% else %}
                <del style="margin-left: 26px">{{ variant.title }}</del>&nbsp;<span>Sold Out!</span>
              {% endif %}
            </li>
            {% endfor %}
          </select>

Gracias,

Wade

Answer 1

https://help.shopify.com/themes/development/templates / producto-líquido

Este wiki tenía la respuesta a mi pregunta.