如何在Shopify自定义产品标签中调用页面HTML内容

嘿，这个需求其实很容易用Shopify的Liquid代码搞定，不用再手动逐个更新产品标签啦！我给你一步步拆解解决方案：

核心思路是：放弃手动维护产品标签里的文本，转而用Liquid代码直接调用指定Shopify页面的内容。这样只要修改目标页面的内容，所有产品页面的对应区域都会自动同步更新。

1. 准备同步用的Shopify页面 #

• 先在Shopify后台创建/选择一个用来存放同步内容的页面（比如你的配送政策页面），记住这个页面的Handle（页面别名，在页面URL末尾的那串字符，也可以在页面编辑页的「搜索引擎列表预览」里修改），比如设置为shipping-policy-sync。
• 把你原来放在产品自定义标签里的内容，迁移到这个页面的HTML编辑区域，做好格式排版。

2. 修改产品页面的Liquid模板 #

找到你产品页面模板中渲染自定义标签的位置，把原来调用产品标签的代码替换成以下Liquid代码：

{% assign sync_target_page = pages.shipping-policy-sync %}
{% if sync_target_page %}
  <div class="custom-sync-section">
    {{ sync_target_page.content }}
  </div>
{% else %}
  <p>内容加载中...</p>
{% endif %}

代码说明： #

• pages.shipping-policy-sync里的shipping-policy-sync要替换成你刚才设置的页面Handle，确保和目标页面一致。
• sync_target_page.content会直接输出目标页面的HTML内容，完美保留你在页面里做的格式。
• 加入if判断是为了避免页面不存在时显示错误，给用户一个友好提示。

3. （可选）保留标签作为显示开关 #

如果你原来的自定义标签是用来控制「哪些产品显示这个内容」的（比如只有加了显示配送政策标签的产品才展示），可以保留标签作为开关逻辑，代码调整为：

{% if product.tags contains "显示配送政策" %}
  {% assign sync_target_page = pages.shipping-policy-sync %}
  {% if sync_target_page %}
    <div class="custom-sync-section">
      {{ sync_target_page.content }}
    </div>
  {% endif %}
{% endif %}

这样只有带有指定标签的产品才会加载同步页面的内容，而内容本身始终和目标页面保持一致，不用再修改标签里的文本。

4. 测试效果 #

修改完模板后，去编辑目标页面的内容并保存，然后刷新任意产品页面，就能看到对应区域的内容已经自动更新了。如果用了标签开关的版本，记得测试带标签和不带标签的产品页面，确认显示逻辑正常。

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