在產品頁面新增快顯視窗尺寸表

中繼欄位可讓您儲存 Shopify 管理介面通常不會收錄的特殊資訊，協助您自訂 Shopify 商店的功能與外觀。中繼欄位可以在 Shopify 管理介面內部使用，您也可以選擇在網路商店中顯示。

使用中繼欄位，您可以在快顯視窗區塊加入頁面參照，於產品頁面顯示一個連結。點選後，該連結會開啟快顯視窗，顯示頁面內容。您可以使用頁面的豐富文字編輯器新增圖片與其他多媒體檔案。

以下是您可以加入產品頁面快顯視窗中的資訊範例：

尺寸表
保養說明
組裝說明
產品規格
常見問題

本教學包含 4 個步驟，將介紹頁面參照中繼欄位、建立商品的頁面參照中繼欄位、為您的網路商店建立產品頁面範本、新增頁面、在特定商品中參照該頁面，以及將產品頁面範本套用至特定商品。您可以依照本教學，在快顯視窗中建立任何您需要的內容。本文將全程以尺寸表為示例。

本教學需要使用支援動態來源的佈景主題。如果您使用的是舊版佈景主題，或想加入佈景主題未支援的中繼欄位類型，您可以編輯佈景主題程式碼或聘請 Shopify 合作夥伴。

本頁內容

步驟 1：為頁面建立商品中繼欄位

首先，您必須為產品頁面建立頁面參照的中繼欄位定義。此商品中繼欄位會連結到特定頁面，且可為每個商品分別設定。若某商品使用相同範本但未加入頁面參照，快顯視窗連結文字仍會顯示，就像有內容一樣。若只想在特定商品上顯示快顯視窗連結，您可以建立產品範本並僅套用到相關商品。

透過頁面參照中繼欄位，您可以針對不同商品類型建立不同頁面，以顯示不同的商品資訊。舉例來說，您可以為兩個不同的年齡層建立兩個不同的尺寸表頁面，例如幼兒尺寸表與嬰兒尺寸表，然後只將幼兒尺寸表的頁面參照加到幼兒商品。

您需要建立頁面參照的中繼欄位定義，才能在佈景主題編輯器中將它連結到快顯視窗區塊。建立中繼欄位定義時，店面存取 會預設被選取。

步驟：

電腦版

在 Shopify 管理介面中，前往設定 > 中繼欄位與中繼物件。
在 中繼欄位定義 區段，點選商品。
點選 新增定義。
在名稱欄位輸入 Size chart。
點選 ⊕ 選取類型。
從下拉式選單選取頁面。單一頁面 會預設被選取。
點選儲存。

行動裝置

在 Shopify app 中，點選，然後點選設定。
在 商店設定 區段中，點選 中繼欄位和中繼物件。
在 中繼欄位定義 區段，點選商品。
點選 +。
在名稱欄位輸入 Size chart。
點選 + 選取類型。
在下拉式選單中點選頁面。單一頁面 會預設被選取。
點選儲存或 ✓。

步驟 2：建立您的產品頁面範本

新增區段或區塊後，按一下動態來源圖示即可選取中繼欄位：

若您不想將尺寸對照表的彈出式視窗連結加到所有商品，請建立新的產品頁面範本。以下步驟示範如何建立新的產品頁面範本，但您也可以改為選擇現有的產品頁面範本進行自訂。

步驟：

電腦版

在 Shopify 管理介面，前往線上商店 > Themes。
在您要自訂的佈景主題旁，按一下編輯佈景主題。
在編輯器頂端的首頁下拉式選單中，按一下商品，然後按一下⊕ 建立範本，以建立並自訂新範本。
在「區段」導覽側邊欄中，前往範本 > 產品資訊區塊，然後按一下⊕ 新增區塊。
按一下彈出式視窗。
在連結標籤欄位輸入尺寸對照表。這是顧客用來開啟彈出式視窗內容時顯示的連結文字。
在頁面旁，按一下動態來源圖示，然後選取您建立的頁面參照中繼欄位。
點選儲存。

行動裝置

在 Shopify app 中，點選圖示。
在 銷售管道 區段中，點選 線上商店 > 管理所有佈景主題。
在您要自訂的佈景主題上點選編輯佈景主題。
在編輯器頂端的首頁下拉式選單中，點選商品，然後點選⊕ 建立範本，以建立並自訂新範本。
在「區段」導覽側邊欄中，前往範本 > 產品資訊區塊，然後點選⊕ 新增區塊。
點選彈出式視窗。
在連結標籤欄位輸入尺寸對照表。這是顧客用來開啟彈出式視窗內容時顯示的連結文字。
在頁面旁，點選動態來源圖示，然後選取您建立的頁面參照中繼欄位。
點選儲存或 ✓。

步驟 3：新增包含尺寸對照表的頁面

您需要建立一個包含尺寸對照表內容的頁面，供中繼欄位參照。如果您已經建立過該頁面，可以直接前往步驟 4。

步驟：

電腦版

在 Shopify 管理介面，前往線上商店 > Pages。
按一下新增頁面。
在標題欄位輸入尺寸對照表，然後在內容中加入尺寸對照表資訊。
在可見度區段，將頁面設為可見。
點選儲存。

行動裝置

在 Shopify app 中，點選圖示。
在 **銷售管道** 區段中，點選 **線上商店** > **頁面**。
點選新增頁面。
在標題欄位輸入尺寸對照表，然後在內容中加入尺寸對照表資訊。
在可見度區段，將頁面設為可見。
點選儲存或 ✓。

您可以視需要建立多個尺寸對照表頁面供中繼欄位參照。不過，每個商品中繼欄位只能連結一個頁面。

步驟 4：參照該頁面，並將產品頁面範本套用至特定商品

當您為特定商品加入頁面參照時，該頁面的資訊只會顯示在該商品上。若某商品套用了該產品頁面範本，但您未填入頁面參照，連結文字仍會顯示為連結；然而，由於沒有頁面參照，彈出式視窗會是空白的，可能造成顧客困惑。您可以針對需要尺寸對照表的商品類型(例如服飾或鞋類)使用一個產品頁面範本，針對其他商品類型(例如兒童玩具、飾品與其他配件)則使用另一個產品頁面範本。

瞭解詳情：templates。

步驟：

電腦版

在 Shopify 管理介面，前往Products。
按一下您要加入頁面參照的商品。
在商品中繼欄位區段，按一下尺寸對照表頁面參照，然後按一下選取頁面，並選取尺寸對照表頁面。
在佈景主題範本區段，選取您在步驟 2 建立的尺寸對照表產品頁面範本。
點選儲存。

行動裝置

在 Shopify app 中，點選圖示。
點選您要加入頁面參照的商品。
在商品中繼欄位區段，點選尺寸對照表頁面參照，然後點選選取頁面，並選取尺寸對照表頁面。
在佈景主題範本區段，選取您在步驟 2 建立的尺寸對照表產品頁面範本。
點選儲存或 ✓。

您可以視需要在多個商品上重複上述步驟。