如何在自定义器中动态展示选定的商品集合？

要实现只展示选定的商品集合，需要分两步修改：

1. 在自定义器中添加集合选择设置 #

如果你的代码是放在section文件里，先在对应的settings_schema.json中添加集合选择字段，让你能在自定义器里选择目标集合：

{
  "type": "collection",
  "id": "selected_collection",
  "label": "选择要展示的商品集合"
}

2. 修改Liquid代码引用选定集合 #

把你原来遍历所有集合的代码，改成调用自定义器中选中的集合：

{% assign selected_collection = section.settings.selected_collection %}

{% if selected_collection %}
  {% for product in selected_collection.products %}
    {% if product.featured_image %}
      <img src="{{ product | img_url }}">
    {% endif %}
    <h3>{{ product.title }}</h3>
    <p>{{ product.price | money }}</p>
  {% else %}
    <p>该集合中没有商品</p>
  {% endfor %}
{% else %}
  <p>请在自定义器中选择一个商品集合</p>
{% endif %}

说明 #

修改后，你可以在Shopify后台的自定义器界面，找到对应的section设置，选择想要展示的集合，页面就只会渲染这个集合下的商品内容。如果没有选择集合，会显示提示文字；如果集合内没有商品，也会给出对应的提示。

内容的提问来源于stack exchange，提问作者Hyun Hae Park