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
相关产品推荐
相关产品推荐

