Shopify Liquid循环迭代中为每个条目设置独立可编辑图片的方案问询

你当前的问题根因是section.settings.image是section全局配置字段，所有循环项共用同一个值，要实现每个条目单独配置，需要使用Shopify Section的**Blocks（可重复块）**功能，具体实现步骤如下：

• 第一步：修改对应Section的Schema配置，替换原有静态数组和全局图片字段
  把原来配置url_links和全局image的Schema代码替换为如下block配置：

  {% schema %}
  {
    "name": "链接图片列表",
    "blocks": [
      {
        "type": "link_item",
        "name": "链接条目",
        "settings": [
          {
            "type": "url",
            "id": "item_link",
            "label": "跳转链接"
          },
          {
            "type": "image",
            "id": "item_image",
            "label": "条目对应图片"
          }
        ]
      }
    ],
    "presets": [
      {
        "name": "链接图片列表",
        "category": "内容"
      }
    ]
  }
  {% endschema %}
  

• 第二步：替换原有遍历渲染代码
  原来遍历url_links的代码替换为遍历section.blocks的逻辑：

  {% for block in section.blocks %}
    <a href="{{ block.settings.item_link }}">Link</a>
    <img src="{{ block.settings.item_image | image_url: width: 800 }}" alt="{{ block.settings.item_image.alt }}">
  {% endfor %}
  

• 第三步：在主题编辑器中配置内容
  进入Shopify后台的「在线商店」→「自定义」，找到对应Section，即可自由添加/删除/排序条目，每个条目可以单独填写链接、上传对应图片。

可选优化：如果需要限制最多的条目数量，可以在schema根节点添加"max_blocks": 5（数字可自行调整）即可限制最多添加5个条目。

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