在新分頁中開啟外部連結
此頁面列印時間為 Apr 02, 2023。如須最新版本,請至 https://help.shopify.com/zh-TW/manual/online-store/themes/themes-by-shopify/vintage-themes/customizing-vintage-themes/open-external-links-in-new-tab。
您可以為佈景主題新增一些程式碼,讓網路商店中的外部連結在瀏覽器中以新分頁開啟。這可有助於避免顧客離開您的網路商店。外部連結是引導顧客至不同網站的網址 (例如社群媒體圖示中包含的連結)。
為佈景主題的 JavaScript 檔案新增一些程式碼
若要讓外部連結在瀏覽器中以新分頁開啟,您必須編輯佈景主題的 JavaScript 檔案。
在 Shopify 管理介面,前往「線上商店」>「佈景主題」。
找到要編輯的佈景主題,按一下「...」按鈕以開啟動作選單,然後點擊「編輯程式碼」。
在 Shopify 應用程式中,點一下「商店」。
在銷售管道畫面上,點一下「線上商店」。
點一下「管理佈景主題」。
找到要編輯的佈景主題,按一下「...」按鈕以開啟動作選單,然後點擊「編輯程式碼」。
在 Shopify 應用程式中,點一下「商店」。
在銷售管道畫面上,點一下「線上商店」。
點一下「管理佈景主題」。
找到要編輯的佈景主題,按一下「...」按鈕以開啟動作選單,然後點擊「編輯程式碼」。
在「資產」目錄中,點擊下列其中一項:
將以下程式碼貼上到檔案的底部:
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';
}
}
- 點擊「儲存」。