Klaviyo弃购购物车模板中如何循环遍历所有购物车商品项
Klaviyo Shopify弃购购物车模板商品列表循环实现方案
你可以直接使用以下for循环代码遍历整个购物车商品列表,语法适配Klaviyo模板引擎的规则:
{% for item in event.extra.line_items %} <!-- 单个商品展示区域开始 --> <div class="line-item"> <p>商品名称:{{ item.product.name }}</p> <p>规格:{{ item.variant.title }}</p> <p>购买数量:{{ item.quantity }}</p> <p>单品价格:{{ item.price|money }}</p> <img src="{{ item.product.images.0.src }}" alt="{{ item.product.name }}" width="120"> <a href="{{ item.product.url }}">直达商品页</a> </div> <!-- 单个商品展示区域结束 --> {% endfor %}
使用说明
- 循环内直接用
item指代当前遍历到的单个商品项,你之前用到的{{ event.extra.line_items.0.product.name }}里的0是数组固定下标,循环过程中会自动替换为当前遍历到的元素,不需要手动修改下标 - 代码里的
|money是Klaviyo内置过滤器,可以自动把价格数值格式化为和你Shopify后台配置一致的货币展示格式 - 你可以根据模板设计需求自由调整循环内部的字段和HTML结构,所有你之前通过固定下标能调用的商品属性,在循环内都可以通过
item.xxx的格式调用
内容的提问来源于stack exchange,提问作者Jai Sandhu
相关产品推荐
相关产品推荐

