在新标签中打开外部链接

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

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

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

  1. Assets 目录中,单击以下一项:

- theme.js - theme.js.liquid - custom.js

  1. 将以下代码粘贴到文件底部:
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';
  }
}
  1. 点击保存

准备好开始使用 Shopify 进行销售了吗?

免费试用