shopify如何在没有开通shopify plus权限情况下在订单状态页面插入HTML代码

637 阅读2分钟

背景

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. 结算页面注入脚本方式

这种方式需要在商家后台进行配置

2.1 进入商家后台,点击页面左下角 “Settings” 进入设置页面

image.png

2.2 点击 "Checkout", 然后页面滚动至底部,找到 “Addittional scripts” 区块,在 “Order status page” 下面的文本框内粘贴脚本代码,然后点击保存即可

image.png

image.png