如何检查shopify产品选项是否不可用

Question

我有一个 select 特定尺码的下拉菜单，我想将数量为零的尺码显示为禁用。

{% for value in option.values %}
<option
  value="{{ value | escape }}"
  {% if option.selected_value == value %}selected="selected"{% endif %}
  {{ value }}
</option>
{% endfor %}

我在 SO 上看到的问题都检查是否 variant.available 或类似的东西，但我想知道是否有办法检查特定选项是否可用。

Answer 1

我认为 variant.available 是检查它是否可用的更好选择像这样的

<select name="id" id="ProductSelect--{{ section.id }}" class="product-single__variants no-js">
   {% 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 }} - {{ variant.price | money_with_currency }}
      </option>
   {% else %}
      <option disabled="disabled">
         {{ variant.title }} - {{ 'products.product.sold_out' | t }}
      </option>
   {% endif %}
   {% endfor %}
</select>

如何检查shopify产品选项是否不可用

How do check whether a shopify product option is unavailable

liquid

shopify