在新标签中打开外部链接

您可以向模板中添加一些代码，用于使您在线商店中的外部链接在新的浏览器标签中打开。这样做可能很有帮助，因为这有助于防止客户离开您的在线商店。外部链接是将客户定向到其他网站的 URL，例如社交媒体图标中包含的链接。

本页相关主题

将一些代码添加到您模板的 JavaScript 文件中

将一些代码添加到您模板的 JavaScript 文件中

若要在新的浏览器标签中打开外部链接，您需要编辑模板的 JavaScript 文件。

步骤：

桌面

在 Shopify 后台中，转至在线商店 > 模板。
找到要编辑的模板，点击 ... 按钮打开操作菜单，然后点击编辑代码。
在 Assets 目录中，点击以下一项：
- theme.js
- theme.js.liquid
- custom.js
将以下代码粘贴到文件底部：

var links = document.links;
for (let i = 0, linksLength = links.length ; i < linksLength ; i++) {
  if (links[i].hostname !== window.location.hostname) {
    links[i].target = '_blank';
    links[i].rel = 'noreferrer noopener';
  }
}

点击保存。

iPhone

在 Shopify 应用中，点击 … 按钮。
在销售渠道部分，轻触在线商店。
轻触管理模板。
找到要编辑的模板，点击 ... 按钮打开操作菜单，然后点击编辑代码。
在 Assets 目录中，点击以下一项：
- theme.js
- theme.js.liquid
- custom.js
将以下代码粘贴到文件底部：

var links = document.links;
for (let i = 0, linksLength = links.length ; i < linksLength ; i++) {
  if (links[i].hostname !== window.location.hostname) {
    links[i].target = '_blank';
    links[i].rel = 'noreferrer noopener';
  }
}

点击保存。

Android

在 Shopify 应用中，点击 … 按钮。
在销售渠道部分，轻触在线商店。
轻触管理模板。
找到要编辑的模板，点击 ... 按钮打开操作菜单，然后点击编辑代码。
在 Assets 目录中，点击以下一项：
- theme.js
- theme.js.liquid
- custom.js
将以下代码粘贴到文件底部：

var links = document.links;
for (let i = 0, linksLength = links.length ; i < linksLength ; i++) {
  if (links[i].hostname !== window.location.hostname) {
    links[i].target = '_blank';
    links[i].rel = 'noreferrer noopener';
  }
}

点击保存。