Shopify使用Advance Custom Fields时如何遍历Field group字段组

你配置的可重复cocktail字段组会以数组格式存储在Shopify自定义元字段中，数组的每一个元素对应一个重复的字段组实例，实例下包含所有配置的子字段，直接使用Liquid循环遍历即可。

示例代码（适用于主题模板） #

{% assign cocktail_list = product.metafields.custom.cocktail.value %}
<!-- 判断字段组是否有数据 -->
{% if cocktail_list != blank and cocktail_list.size > 0 %}
  <div class="cocktail-wrapper">
    <!-- 遍历所有重复的字段组实例 -->
    {% for item in cocktail_list %}
      <div class="cocktail-item">
        <!-- 调用子字段：名称 -->
        <h3>{{ item.name.value }}</h3>
        <!-- 调用子字段：描述 -->
        <div class="cocktail-desc">{{ item.description.value }}</div>
        <!-- 其余子字段按照相同格式替换字段名即可调用 -->
      </div>
    {% endfor %}
  </div>
{% endif %}

注意事项 #

• 若字段组绑定到文章、集合、自定义页面等其他Shopify实体，将代码中的product替换为对应实体对象（page/collection/article等）即可
• 代码中子字段的键名需要和ACF后台配置的字段名完全匹配，大小写敏感
• 调试时可通过{{ 对应实体.metafields.custom | json }}打印所有元字段，确认字段组的存储路径是否正确

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