shopify在新标签中翻开外部链接以及添加代码办法
在新标签中翻开外部链接
备注
若是您使用 Shopify 的免费模板，，，，，，您可以联系 Shopify 支持团队获得关于此教程的资助。。。。。。此教程需要 15 分钟的设计时间。。。。。。若要相识详情，，，，，，请参阅 Support for themes。。。。。。
备注
此自界说用于复古 Shopify 模板，，，，，，不适用于“Online Store 2.0”模板。。。。。。
找到您的模板架构版本
探索“Online Store 2.0”模板自界说
您可以向模板中添加一些代码，，，，，，用于使您在线市肆中的外部链接在新的浏览器标签中翻开。。。。。。这样做可能很有资助，，，，，，由于这有助于避免客户脱离您的在线市肆。。。。。。外部链接是将客户定向到其他网站的 URL，，，，，，例如社交媒体图标中包括的链接。。。。。。
将一些代码添加到您模板的 JavaScript 文件中
若要在新的浏览器标签中翻开外部链接，，，，，，您需要编辑模板的 JavaScript 文件。。。。。。
PC：
在 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'; } }点击生涯。。。。。。
苹果系统：
在 Shopify 应用中，，，，，，轻触市肆。。。。。。
在销售渠道部分中，，，，，，轻触在线市肆。。。。。。
轻触 Manage themes（治理模板）。。。。。。
找到要编辑的模板，，，，，，然后点击操作 > 编辑代码。。。。。。
在 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'; } }点击生涯。。。。。。
安卓系统：
在 Shopify 应用中，，，，，，轻触市肆。。。。。。
在销售渠道部分中，，，，，，轻触在线市肆。。。。。。
轻触 Manage themes（治理模板）。。。。。。
找到要编辑的模板，，，，，，然后点击操作 > 编辑代码。。。。。。
在 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'; } }点击生涯。。。。。。
Shopify商户官网原文详情：
Open external links in a new tab
Note
If you use a free theme from Shopify, then you might be able to contact Shopify Support for help with this tutorial. It requires 15 minutes of design time. To learn more, refer to Support for themes.
Note
This customization is for vintage Shopify themes, and doesn't apply to Online Store 2.0 themes.
Find out your theme's architecture version
Explore Online Store 2.0 theme customizations
You can add some code to your theme that causes external links on your online store to open in a new browser tab. This can be beneficial because it helps to prevent customers from navigating away from your online store. External links are URLs that direct customers to different websites, such as the links included in social media icons.
Add some code to your theme's JavaScript file
To have external links open in a new browser tab, you need to edit your theme's JavaScript file.
PC：
From your Shopify admin, go to Online Store > Themes.
Find the theme you want to edit, and then click Actions > Edit code.
In the Assets directory, click one of the following:
theme.js
theme.js.liquid
custom.jsPaste the following code at the bottom of the file:
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'; } }Click Save.
iPhone：
From the Shopify app, tap Store.
In the Sales channels section, tap Online Store.
Tap Manage themes.
Find the theme you want to edit, and then click Actions > Edit code.
In the Assets directory, click one of the following:
theme.js
theme.js.liquid
custom.jsPaste the following code at the bottom of the file:
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'; } }Click Save.
Android：
From the Shopify app, tap Store.
In the Sales channels section, tap Online Store.
Tap Manage themes.
Find the theme you want to edit, and then click Actions > Edit code.
In the Assets directory, click one of the following:
theme.js
theme.js.liquid
custom.jsPaste the following code at the bottom of the file:
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'; } }Click Save.
文章内容泉源：Shopify商户官方网站