Shopify - 如果数量为零,则添加具有多个变量的元素

时间:2018-05-25 05:25:01

标签: jquery 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 %}

1 个答案:

答案 0 :(得分:0)

对于此主题,您必须使用自定义代码(如Liquid Code,Html等)创建此售罄禁用产品功能。

谢谢!