Shopify主题模板添加重复section后内容同步更新，如何解决？

原因 #

你重复调用的是同一个icon-with-text section，Shopify里相同handle的section会共用一套配置数据，所以改其中一个的内容，其他调用该handle的section会同步跟着变。

两种解决方案，按需选： #

方案1：创建独立Section文件（适合固定需要3个区块的场景）

• 到主题的sections文件夹里，复制icon-with-text.liquid文件，分别改名为：
  icon-with-text-1.liquid、icon-with-text-2.liquid、icon-with-text-3.liquid
• 把模板里的调用代码改成：

  {% section 'single-product-hero' %}
  {% section 'promise' %}
  {% section 'product-content' %}
  {% section 'faq' %}
  {% section 'rich-text' %}
  {% section 'icon-with-text-1' %}
  {% section 'icon-with-text-2' %}
  {% section 'icon-with-text-3' %}
  

• 之后进Shopify后台自定义主题，就能看到三个独立的icon-with-text区块，每个内容可以单独修改，互相不影响。

方案2：改成支持多区块的动态Section（适合需要灵活调整区块数量的场景）

• 打开原icon-with-text.liquid文件，修改schema部分，添加blocks结构，示例如下（根据你原有的HTML和配置调整细节）：

  <div class="icon-with-text-group">
    {% for block in section.blocks %}
      <div class="icon-with-text-item">
        {% if block.settings.icon %}
          {{ block.settings.icon | img_url: '60x60' | img_tag: block.settings.icon.alt }}
        {% endif %}
        <h4>{{ block.settings.title }}</h4>
        <p>{{ block.settings.desc }}</p>
      </div>
    {% endfor %}
  </div>
  
  {% schema %}
    {
      "name": "图标+文字（多区块版）",
      "blocks": [
        {
          "type": "item",
          "name": "单个图标文字项",
          "settings": [
            {
              "type": "image_picker",
              "id": "icon",
              "label": "图标"
            },
            {
              "type": "text",
              "id": "title",
              "label": "标题"
            },
            {
              "type": "richtext",
              "id": "desc",
              "label": "描述文字"
            }
          ]
        }
      ],
      "presets": [
        {
          "name": "图标+文字（多区块版）"
        }
      ]
    }
  {% endschema %}
  

• 把模板里的调用代码改成只保留一个该section：

  {% section 'single-product-hero' %}
  {% section 'promise' %}
  {% section 'product-content' %}
  {% section 'faq' %}
  {% section 'rich-text' %}
  {% section 'icon-with-text' %}
  

• 进后台自定义主题，找到这个区块后，点击「添加区块」就能创建3个独立的图标文字项，每个都能单独改内容，还能随时调整数量或排序。

内容的提问来源于stack exchange，提问作者Ghayas Ud Din