You need to enable JavaScript to run this app.
优惠活动
大模型
产品
解决方案
定价
更多

Shopify如何新增主题设置section并添加到指定模板?

操作步骤
  • 首先确认你提前定义的section文件名:你之前写了{% schema %}代码的section文件默认存放在Shopify主题的sections/目录下,你给出的示例代码对应的文件路径是sections/icons.liquid
  • 找到你要插入section的目标模板文件,模板文件存放在主题的templates/目录下,比如要加到所有普通页面就修改page.liquid,要加到产品详情页就修改product.liquid
  • 在模板文件你想要展示该section的对应位置,插入如下代码即可:
{% section 'icons' %}

注意单引号里的内容要和你sections/目录下的section文件名保持完全一致,不需要带.liquid后缀

如果你用的是Shopify 2.0版本的JSON格式模板,不需要修改liquid代码,直接在对应模板的JSON配置文件的sections节点中添加你的section配置即可,示例如下:

{
  "sections": {
    "main-page": {
      "type": "main-page"
    },
    // 新增的自定义section配置
    "my-icons-section": {
      "type": "icons"
    }
  },
  // 配置section的前后展示顺序
  "order": [
    "main-page",
    "my-icons-section"
  ]
}

补充说明:settings_schema.json是用来定义主题全局设置的文件,单个section的schema不需要添加到这个文件里,直接写在section自身的liquid文件中即可生效。配置完成后你就可以在 Shopify 后台的「在线商店 > 自定义」界面,选择对应模板调整该section的设置和展示顺序,效果和你提供的示例图一致:
示例图

内容的提问来源于stack exchange,提问作者Aks Jacoves

相关产品推荐
方舟 Agent Plan

超全模态模型 × Harness 升级,最新支持 Deepseek-V4.1-Flash、GLM-5.3 系列、Doubao-Seedream-5.0-pro、Kimi-K3 (部分), 限时 9.9 元起

最近更新时间:2026.10.05 14:24:04