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

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

跨境电商独立站新人宝典·2024 年 2 月 22 日·5 分钟
在小宇宙播放
创作者写的节目说明

图片

背景需求

图片

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


在小宇宙查看该单集文稿

跨境电商独立站新人宝典 · 更多单集

看全部 228 期 →

跨境电商独立站新人宝典

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

跨境电商独立站新人宝典 · 2024 年 2 月 22 日 · 5 分钟

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

在小宇宙播放
创作者写的节目说明

图片

背景需求

图片

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


在小宇宙查看该单集文稿
跨跨境电商独立站新人宝典

跨境电商独立站新人宝典

面向2026年新入场者的跨境电商Shopify独立站入门实操指南,从工具配置、成本清单到收款开通逐步教学

已收录 228 期 · 最近更新 11 月 3 日

在哪里听

https://feed.xyzfm.space/kjprqg8wlr78复制

内容版权归创作者,声湃按创作者开放的 RSS 收录。了解收录与 RSS →

更多单集 全部 228 期 →