背景
shopify平台给开发者提供了可以修改商城页面的开发权限,开发者可以通过在shopify商店后台编辑主题代码的方式,或者通过开发一个主题应用的方式来自定义商城页面主题。修改主题也存在不同形式,可以页面样式、添加展示模块、可以往页面注入脚本......
我这里想要介绍的就是往商城页面注入脚本的方式,由于shopify主题的修改受权限的控制,拥有shopify plus权限的商家才能对checkouts结算的相关页面主题进行修改,否则只能修改商城的非结算也页面主题。下面我就两种情况的主题修改做简单介绍,请看下文
1. 非结算页面注入脚本方式
1.1 实现方式一:商家管理后台编辑主题代码
1.2 实现方式二:开发主题应用
对于非结算页面的脚本注入,我才用的时开发主题应用的方式实现的,[关于如何创建主题应用请参考](Shopify应用开发,应用扩展插件开发 - 掘金 (juejin.cn)) ,这边文章对开发流程做了详细介绍,这里我就不在赘述,直接介绍如何在主题应用中添加脚本,并注入商城页面。
1.2.1 创建主题应用脚手架
1.2.2 编辑主题应用块代码
1.2.3 发布主题应用块
[发布流程请参考这篇文章](shopify主题之应用程序块开发 - 掘金 (juejin.cn))
1.2.4 使用主题应用块,将脚本注入商城页面代码
2. 结算页面注入脚本方式
这种方式需要在商家后台进行配置