如何为Shopify指定产品详情页设置自定义Section展示位置

核心思路 #

通过Liquid的条件判断语句，仅在符合要求的产品详情页加载section-1，避免全局生效。

方法一：针对单个特定产品（精准控制） #

1. 获取目标产品的handle：在Shopify后台打开目标产品，浏览器地址栏最后一段（/products/后面的内容）就是产品handle，比如产品URL是xxx.myshopify.com/products/limited-edition-shoes，handle就是limited-edition-shoes。
2. 找到产品模板文件：不要修改全局的theme.liquid，而是找到产品详情页对应的模板：
   • 传统主题：编辑product.liquid文件
   • Online Store 2.0主题：编辑sections/product-template.liquid（或类似命名的产品核心section文件）
3. 插入带条件的代码：在你想展示section-1的位置（比如产品详情下方）插入以下代码：

{% if product.handle == 'limited-edition-shoes' %}
  {% section 'section-1' %}
{% endif %}

把limited-edition-shoes替换成你实际的产品handle即可。

方法二：用产品标签批量控制（多个产品适用） #

如果需要给多个产品添加这个section，用标签更高效：

1. 给目标产品加统一标签：在Shopify后台给所有需要显示section-1的产品添加同一个标签，比如show-custom-section。
2. 修改产品模板文件：同样在产品模板的目标位置插入以下代码：

{% if product.tags contains 'show-custom-section' %}
  {% section 'section-1' %}
{% endif %}

后续只要给产品加这个标签，就能自动显示该section。

注意事项 #

• 不要修改theme.liquid，该文件是全局模板，任何代码都会在所有页面生效。
• 测试前请清除Shopify缓存，或使用隐身窗口预览效果，避免缓存影响。
• 若使用Online Store 2.0主题，也可通过模板自定义功能添加，但直接写条件代码更灵活。

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