Question

作为先决条件，我与程序员的距离很远，并且我的编码知识非常有限。我只是一个儿子，试图帮助他的母亲为她的公司建立一个网站。

所以我想在网站上提供一个功能，当您选择一种颜色时，它要么不会显示我们没有的尺寸，要么会显示出来，但是它们已经褪色。理想情况下，我希望这些变体位于两个单独的下拉菜单中。如果有人可以帮助我实现这一点，将不胜感激。

我按照shopify网站上的一些说明进行操作，但他们未能实现预期的目标，到目前为止，我唯一能做的就是在每个衣服的组合上都贴上一个标签，标明价格或售罄但是，当您有5种尺寸和10种颜色变体时，这看起来有点笨拙。为此，我创建了一个“删除-售罄”代码段，并将{％include'remove-sold-out'％}插入到theme.liquid文件中。

{% if product.variants.size > 1 or product.options.size > 1 %}
  <script type="text/javascript">
    // <![CDATA[  
      $(function() {    
        $product = $('#product-' + {{ product.id }});
        new Shopify.OptionSelectors
          ("product-select-{{ product.id }}",{ 
            product: {{ product | json }}, 
            onVariantSelected: selectCallback{% if product-form == 'product' %}, 
           enableHistoryState: true{% endif %} 
          });

        {% if product.options.size == 1 %} // 
          {% for variant in product.variants %}
            {% unless variant.available %}
              jQuery('.single-option-selector option').filter(function() { return jQuery(this).html() === {{ variant.title | json }}; }).remove();
            {% endunless %}
          {% endfor %}
          jQuery('.single-option-selector').trigger('change');
        {% endif %}     
      }); // 
    // ]]>
  </script>
{% endif %}

这是我的删除-售罄代码段。我可以对其进行调整，使其显示在两个下拉标签上吗？

感谢您的帮助。如果需要任何其他信息或其他文件，请告诉我。

我有2个shopify变体时如何输入售罄的功能

0 个答案: