Shopify：数量がゼロの場合、複数のバリアントを持つ要素を追加

追加できました"無効" ただし、製品バリアントの数量がゼロの場合、これは製品に単一のオプションがある場合にのみ機能します。複数のオプションを追加すると機能しなくなり、使用したときに「限りない」 他の製品が影響を受けます。

たとえば、製品サイズは小と大、色は黒と青、小黒の数量= 10、中黒の数量は0です。

ここでバリアントの量を使用すると、バリアントが0の唯一のミディアムブラックであっても、クラスはスモールブラックとミディアムブラックの両方に追加されます

single-option-selector__radio{% unless variant_label_state %} disabled{% endunless %}"

を処理するためのコード"無効"

<fieldset class="single-option-radio {{ option.name }}"
                      name="{{ option.name }}"
                      id="ProductSelect-option-{{ forloop.index0 }}">
                      {% assign option_index = forloop.index %}
                      {% for value in option.values %}
                        {% assign variant_label_state = true %}
                        {% if product.options.size == 1 %}
                          {% unless product.variants[forloop.index0].available  %}
                            {% assign variant_label_state = false %}
                          {% endunless %}
                        {% endif %}
                        <input type="radio"
                          {% if option.selected_value == value %} checked="checked"{% endif %}
                          value="{{ value | escape }}"
                          data-index="option{{ option_index }}"
                          name="{{ option.name }}"
                          class="single-option-selector__radio{% unless variant_label_state %} disabled{% endunless %}"
                          id="ProductSelect-option-{{ option.name }}-{{ value | escape | remove: " " }}" >
                        <label  for="ProductSelect-option-{{ option.name }}-{{ value | escape | remove: " " }}"{% unless variant_label_state %} class="disabled"
                               {% endunless %}
                               data-variant="{{ value | escape }}">{{ value | escape }}</label>
                      {% endfor %}