Shopify活跃页含returns的URL跳转指定地址代码实现

Shopify自带重定向工具仅对404状态的失效页面生效，正常发布的活跃页面无法通过自带工具配置跳转，可通过在theme.liquid中添加代码实现需求，具体操作如下：

操作步骤 #

• 登录Shopify后台，进入在线商店-主题板块
• 找到当前启用的活跃主题，点击操作下拉菜单选择编辑代码
• 在布局目录中找到theme.liquid文件并打开
• 将下方提供的代码片段粘贴到文件内<head>标签的最靠前位置，不要嵌入现有其他功能代码块中
• 点击保存后即可测试生效

实现代码 #

优先使用服务端渲染判断的版本，无页面闪烁、兼容性更好：

{% if request.path contains 'returns' %}
<meta http-equiv="refresh" content="0; url=https://orakiyoga.returnscenter.com/">
<script>
  window.location.replace("https://orakiyoga.returnscenter.com/");
</script>
{% endif %}

注意事项 #

• 代码默认判断规则为：当前访问URL路径中包含returns字段即触发跳转，覆盖所有路径中带该字段的地址
• 如果需要精准匹配固定路径（避免其他带returns字符的无关页面被误跳转），可将判断条件修改为{% if request.path == '/pages/returns' %}这类精准路径匹配规则，按需调整即可
• 代码同时配置了meta刷新和JS跳转双重逻辑，兼容JS加载异常、部分浏览器拦截的场景，跳转稳定性更高
• 测试时建议使用浏览器无痕模式访问，提前清除浏览器缓存与Shopify站点缓存，避免主题预览状态、缓存导致逻辑不生效

内容的提问来源于stack exchange，提问作者Cassiopé Morin