Shopify 建站技巧
2024年2月22日
8 分钟
Shopify如何快速复制Section至不同的页面？99个Shopify技巧（32）
如何将任意一个页面模板中的Section复制到其他页面？比如上述示例，在主页模板中我编辑设计好了一个Multicolume的内容，同时，我也希望这个内容能在其他页面呈现，比如Product产品页。
背景需求
如何将任意一个页面模板中的Section复制到其他页面？
比如上述示例，在主页模板中我编辑设计好了一个Multicolume的内容，同时，我也希望这个内容能在其他页面呈现，比如Product产品页。
警告，需要十分基础的代码编辑动作，需要一定的代码知识。（虽然执行动作只是复制粘贴而已）
实现原理
我总感觉这应该是一个极其简单的复制粘贴的功能，但是死活找不到。
如果想复制到其他页面，我们可以直接去代码区将对应section，从主页模板代码区复制粘贴到产品页的代码区。lets go
冲！
第一步
新建一个section，无需编辑，保存。目的是为了让这个section在代码中先生成，从而让我们更方便快速找到对应地方。
第二步
1. 保险起见，请提前备份好你的模板。
2. 然后我们前往编辑代码。
3. 在Template中，目前我这两个模板对应的代码分别是：主页对应index.json，产品页对应product.json。
（一定要找到对应的代码区域，因为不同人用了不同App、以及主题中会有多个模板等等等，你需要在对应的json代码段里面去确认下，是不是你要找的）
4. 找到对应代码片段，从主页index.json复制粘贴至product.json。并且记得在order代码段，去修改对应编号。
5. 保存，然后回到定制页面，你就能看到对应的section了。
注意：复制后，两个section是独立的，修改一个不会影响另一个。如果需要同步更新，需要使用其他方法。
总结
这个技巧的核心原理是：
- Shopify的页面模板存储在JSON文件中
- 每个Section在JSON中都有对应的配置代码
- 复制Section就是复制JSON中的配置代码块
- 需要注意order数组中的编号顺序
