106
Shopify 是一个流行的电子商务平台,为商家提供了丰富的功能和定制选项。其中,将外部链接在新标签中打开是一个常见的需求,可以帮助防止客户离开商家的网店。本文将详细介绍如何在 Shopify 后台进行此项设置。
外部链接是指指向其他网站的 URL,例如社交媒体图标中包含的链接。通过对 Shopify 主题的 JavaScript 文件进行少量代码编辑,即可实现外部链接在新标签中打开的功能。具体步骤如下:
1. 登录 Shopify 后台,进入"在线商店 - 主题"页面。
2. 找到需要编辑的主题,点击"操作 - 编辑代码"。
3. 在"资产"目录中,选择"theme.js"、"theme.js.liquid"或"custom.js"文件。
4. 在文件末尾添加以下代码:
```javascript
var links = document.links;
for (let i = 0, linksLength = links.length; i < linksLength>
if (links[i].hostname !== [removed].hostname) {
links[i].target = '_blank';
links[i].rel = 'noreferrer noopener';
}
}
```
5. 保存更改。
完成以上步骤后,Shopify 网店中的外部链接就会在新标签页中打开,为用户提供更好的浏览体验。
Q1: 如何确定自己使用的是 Shopify 的哪个主题版本?
A1: 您可以在 Shopify 后台的"在线商店 - 主题"页面查看当前使用的主题版本信息。如果使用的是"Online Store 2.0"主题,则本文的操作步骤可能会有所不同。
Q2: 为什么要在外部链接上添加 `rel="noreferrer noopener"` 属性?
A2: 这是一个安全措施,可以防止潜在的钓鱼攻击和其他安全隐患。`noreferrer` 属性可以阻止目标网站访问来源网站的信息,而 `noopener` 属性则可以防止新打开的页面控制原页面。
Q3: 如果我使用的是 Shopify 免费模板,还能进行这样的自定义吗?
A3: 如果您使用的是 Shopify 提供的免费模板,您可以尝试联系 Shopify 支持团队,咨询针对您的模板进行此项自定义的具体操作步骤。
