如何修改Shopify感谢页(Dawn主题)的“继续购物”链接?
修改Dawn主题Shopify感谢页「继续购物」按钮链接
Shopify的订单确认(感谢)页是平台托管页面,不属于主题本地文件范畴,所以你之前修改主题liquid里routes.all_products_collection_url的操作只会对购物车这类主题内页面生效,下面是两种可行的解决办法:
方案一:用订单确认页自定义脚本直接修改
- 登录Shopify后台,进入「设置」→「结账」
- 往下翻到「订单处理」板块,找到「订单确认页面」下的「添加脚本」选项
- 在脚本编辑框里粘贴这段代码:
document.addEventListener('DOMContentLoaded', function() { const continueShoppingBtn = document.querySelector('.button--continue-shopping'); if (continueShoppingBtn) { // 把这里的URL换成你想要跳转的地址,比如首页 '/' 或者特定分类页 '/collections/best-sellers' continueShoppingBtn.href = '/collections/your-target-collection'; } }); - 保存后,模拟下单流程测试,确认按钮链接已经更新
方案二:用Shopify Flow实现动态链接(按需使用)
如果需要根据订单里的商品、客户信息动态调整跳转链接,可以用Shopify Flow做自动化:- 后台进入「应用」→「Shopify Flow」
- 新建流程,触发条件选「订单已付款」
- 添加「发送HTTP请求」动作,结合Shopify API动态生成不同的按钮链接,再通过脚本注入到感谢页里
注意:如果按钮选择器.button--continue-shopping失效,打开浏览器开发者工具查看感谢页按钮的类名/ID,替换掉querySelector里的内容就行,这个方法是当前有效的,不会像旧脚本那样失效。
内容的提问来源于stack exchange,提问作者Maksim Murza
相关产品推荐
相关产品推荐

