在 Horizon 中的放置位置
将 ShipCalc 添加到主要商品信息区域,放在关键选项之后、次要详情之前。整单报价请使用购物车位置。
设置步骤
- 安装 ShipCalc 从 Shopify App Store 安装。14 天免费试用立即开始。
- 打开主题编辑器 在 Horizon 主题中进入 Online Store → Themes → Customize,或使用 ShipCalc 引导中的一键链接。
- 添加 ShipCalc 区块 打开商品模板,选择 Add block → ShipCalc,并将其拖到价格或购买按钮附近。在购物车模板中重复操作。
- 开启购物车抽屉嵌入 如果你的店铺使用侧滑购物车,请打开 App embeds 并开启 ShipCalc 购物车抽屉嵌入。
- 调整设计并保存 在 ShipCalc 的 Appearance 页面调整颜色、布局和文案,预览后保存主题。
在 Horizon 中的测试要点
预览桌面端和移动端商品布局,然后测试当前主题配置使用的购物车浮层。
- 桌面端商品页
- 移动端商品页
- 只有一件商品和有多件商品的购物车
- 你配送的每个地区各一个目的地
- 不支持的目的地和“无可用运费”提示
- 购物车抽屉的打开、添加和删除
问题
需要修改 Horizon 主题代码吗?
不需要。商品和购物车的展示位置都是 Shopify 主题编辑器中的应用区块。购物车抽屉使用应用嵌入;有些抽屉需要自定义选择器,我们可以帮你配置。
计算器应该放在“加入购物车”上方还是下方?
让它靠近价格和购买按钮。如果配送费用在购买决定中占比很大(大件或重物),请直接放在价格或购买按钮下方。
发布前应该测试什么?
桌面端和移动端布局、多种商品类型、你配送的每个地区的目的地、购物车页面,以及主题使用的购物车抽屉。