如果所有产品不共享相同的标签 Shopify，则禁用结帐

Question

我的 Shopify 商店有自定义结账体验，我只想在购物车中的所有产品都包含“test”标签时允许这种体验

这是我目前拥有的功能，它似乎只适用于购物车中的单个商品。

  function productTags() {
    {%- assign tagEnabled = false -%}
    return {
      {%- for item in cart.items -%}
        {%- if item.product.tags contains 'test' -%}
          "{{ item.product.tags }}": {{ item.quantity | json }}
          {%- assign tagEnabled = true -%} 
        {%- endif -%}
      {%- endfor -%}
    };
  }     

此行（“{{ item.product.tags }}”：{{ item.quantity | json }}）仅在测试时在控制台中显示。如有必要，我可以删除它。

如何扩展它以查找购物车中的所有商品标签，并且只有在它们都具有相同标签时才将 tagEnabled 变量分配为 true？

提前致谢！

Answer 1

您似乎正在尝试将 Liquid 与 Javascript 混合使用，这可能会使编码变得混乱。我建议将您的代码分成两部分：一是您收集 Liquid 变量并将它们分配给 Javascript 变量（我看到您已经使用 json 过滤器来执行此操作，这太棒了 - 该过滤器保证您的变量输出将采用 Javascript 合法格式），第二部分是您编写 Javascript 代码而没有任何 Liquid 括号妨碍。 （如果您使用带有任何语法或错误突出显示的代码编辑器，这将特别有用）

如果以下内容有助于您获得所需信息，请告诉我：

// The Liquid filter 'map' lets you drill into nested object properties. We can use this to get an array of tag arrays.
// The JSON Liquid filter will turn any Liquid variable into a legal Javascript variable.
const itemProductTags = {{ cart.items | map: 'product'| map: 'tags' | json }}

// Check on our variables
console.log('All product tag arrays', itemProductTags)
console.log('Results of tagCheck()', tagCheck(itemProductTags, 'test') )

function tagCheck(tagsList, targetTag){
  // Checks to see if the targetTag appears in all, some or none of the tag arrays.
  // tagsList will be an array of arrays

  var targetInAny = false;
  var targetInAll = true;

  for(var i=0; i<tagsList.length; i++){
    var tags = tagsList[i];
    if(tags.indexOf(targetTag) != -1){
      // Found the tag - this targetTag appears in at least one product-tag list
      targetInAny = true;
    }
    else{
     // Did not find the tag - this targetTag is NOT in every product-tag list
     targetInAll = false;
    }
  }

  // Returns an object specifying if we found the target in any, all or none of the lists
  return { targetInAny: targetInAny, targetInAll: targetInAll, targetInNone: !targetInAny }
}