如何在Shopify Liquid中隐藏变量运算过程避免提前输出数值

问题原因 #

你当前代码中使用{{ }}（Liquid输出标签）执行累加计算，每轮循环的中间计算结果都会被直接渲染到页面上，所以会提前显示运算过程值。另外你代码还存在循环变量名不匹配的问题：循环中定义的变量是cartItem，但if判断里误用了item，会导致标签判断逻辑失效。

解决方法 #

把累加操作改成用Liquid赋值标签{% %}实现，全程只修改变量值不输出，所有统计完成后再输出最终结果即可，修正后的代码如下：

{% assign totalQty = 0 %}

{% for cartItem in cart.items %}
  {% if cartItem.product.tags contains 'Work-Hats' %}
    {% assign totalQty = totalQty | plus: cartItem.quantity %}
  {% endif %}
{% endfor %}

<!-- 统计完成后按需输出最终结果 -->
{{ totalQty }}

核心修改点 #

• 把原来的输出式累加{{ totalQty | plus: cartItem.quantity }}替换为赋值式累加{% assign totalQty = totalQty | plus: cartItem.quantity %}，运算过程无任何内容输出
• 修正了循环变量名不匹配的问题，保证标签判断逻辑正常执行
• 仅在整个循环统计完成后，再调用{{ totalQty }}输出最终统计值

内容的提问来源于stack exchange，提问作者FabricioG