Vol97.Shopify如何快速复制Section至不同的页面?跨境电商独立站新人宝典

Vol97.Shopify如何快速复制Section至不同的页面?

5分钟 ·
播放数91
·
评论数0

图片

背景需求

图片

如何将任意一个页面模板中的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.搞定,刷新,出现了!