Skip to main content
针对最常见需求的完整解决方案。每一个都是可直接运行的代码片段,附有逐步讲解以及改造它的注意事项。

在写脚本之前

许多商家过去用脚本解决的问题,现在已经是内置设置了。请先检查这里,因为设置在购物车改版后依然有效,而你的脚本未必: 当逻辑确实属于你自己时再使用 SDK:没有任何设置能表达的规则、与其他应用的集成,或只有你的商店才有的数据。

如何使用这些示例

将代码片段粘贴到购物车的 Initialization 脚本中。在购物车编辑器里,前往 Cart settings → Custom script → Initialization。编写纯 JavaScript;不要 <script> 标签。详情参见自定义脚本

用例列表

在第三方工具中追踪加购

将购物车事件发送到 Klaviyo、Triple Whale、GA4 或任何分析像素。

在达到门槛时自动添加免费赠品

当总额越过门槛时添加赠品,回落时将其移除。

隐藏和重命名购物车行项目

隐藏应用注入的行项目或免费行项目,重命名它们并控制排序。

在购物车行项目上显示 metafield 数据

将配送预估、徽章或任何 metafield 拉取到每个行项目上。

从页面构建器打开抽屉

让 Replo、PageFly、GemPages 和自定义按钮打开购物车。

结账前要求同意条款

在购物者接受你的条款之前阻止结账。

将其他应用的 bundle 行项目分组

让 bundle 应用拆分出的多个购物车行项目渲染为一个商品。