在新分頁中開啟外部連結

您可以為佈景主題新增一些程式碼，讓網路商店中的外部連結在瀏覽器中以新分頁開啟。這可有助於避免顧客離開您的網路商店。外部連結是引導顧客至不同網站的網址 (例如社群媒體圖示中包含的連結)。

此頁面上

為佈景主題的 JavaScript 檔案新增一些程式碼

為佈景主題的 JavaScript 檔案新增一些程式碼

若要讓外部連結在瀏覽器中以新分頁開啟，您必須編輯佈景主題的 JavaScript 檔案。

步驟如下：

電腦版

在 Shopify 管理介面中，前往「線上商店」>「佈景主題」。
找到要編輯的佈景主題，按一下「...」按鈕以開啟動作選單，然後點擊「編輯程式碼」。
在「資產」目錄中，點擊下列其中一項：
- 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 應用程式中，點選「…」按鈕。
在銷售管道畫面上，點一下「線上商店」。
點一下「管理佈景主題」。
找到要編輯的佈景主題，按一下「...」按鈕以開啟動作選單，然後點擊「編輯程式碼」。
在「資產」目錄中，點擊下列其中一項：
- 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 應用程式中，點選「…」按鈕。
在銷售管道畫面上，點一下「線上商店」。
點一下「管理佈景主題」。
找到要編輯的佈景主題，按一下「...」按鈕以開啟動作選單，然後點擊「編輯程式碼」。
在「資產」目錄中，點擊下列其中一項：
- 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';
  }
}

點擊「儲存」。