建立和連結 metaobject

在本教學課程中，您將學習如何為商品重點說明建立自訂 metaobject，然後在網路商店顯示這些資訊。商品重點說明 metaobject 將顯示圖片、商品名稱、說明文字及描述。

本教學課程內容包括 metaobject 定義、建立項目、設定中繼欄位參考資料、連結商品與項目，以及在網路商店發布 metaobject。

此頁面上

學習重點

學習重點

完成本教學課程後，您將達成以下事項：

為商品重點說明建立 metaobject
使用您建立的 metaobject，為商品重點說明建立多個項目
建立參考 metaobject 的中繼欄位定義
將項目與特定商品連結
發布 metaobject 項目

步驟一：建立 metaobject

在 Shopify 管理介面中，前往「設定」>「自訂資料」。
前住「Metaobject 定義」，按一下「新增定義」。
將 metaobject 定義命名為「Product Highlights」（商品重點說明）。
點擊「新增欄位」，然後選取要在此 metaobject 中顯示的內容類型。欄位會定義 metaobject 中顯示的內容，而每個欄位都有各自的選項集和驗證規則。若要新增第一個欄位，請選取「檔案」。
設定類型和驗證規則。將欄位命名為「Image」(圖片)，然後輸入簡短描述。
系統會自動在「存取選項」下方選取「店面」。請維持選取此選項，以便您的商店存取和顯示內容。
將圖片欄位新增至 metaobject。選擇「新增欄位」>「檔案」。
- 將此欄位命名為「Image」(圖片)。
- 取消勾選「Videos」(影片) 以限制此 metaobject 僅顯示圖片。
- 輸入說明。
- 輸入完畢後點擊「新增」。
將標題欄位新增至 metaobject。此時請選擇「新增欄位」>「單行文字」作為欄位類型。請執行下列步驟：
- 將此欄位命名為「Heading」(標題)。
- 選取「將此欄位設為顯示名稱」，以使用此欄位作為索引中的項目名稱。
- 輸入說明。
- 輸入完畢後點擊「新增」。
將說明文字欄位新增至 metaobject。點擊「新增欄位」>「單行文字」。請執行下列步驟：
- 將此欄位命名為「Caption」(說明文字)。
- 輸入說明。
- 輸入完畢後點擊「新增」。
將描述欄位新增至 metaobject。點擊「新增欄位」>「多行文字」。請執行下列步驟：
- 將此欄位命名「Description」(描述)。
- 輸入說明。
- 輸入完畢後點擊「新增」。
儲存您新增的 metaobject 定義。

儲存 metaobject 定義後，即可開始建立項目。

步驟二：建立項目

在 Shopify 管理介面中，點擊「內容」。
按一下「Product Highlights」（商品重點說明）metaobject 定義做為新項目的依據，然後按一下「新增項目」。
完成項目的欄位：
- 點擊「選取圖片」，然後選擇或上傳此商品重點說明的圖片。
- 新增「Title」(標題) 和「Description」(描述)。
狀態會自動設為「啟用中」。如果您尚未準備好使用項目，可將狀態變更為「草稿」。
按一下「儲存」。

系統會為您的項目產生控制代碼，此為單一內容項目的專屬識別碼。您開始將項目連結到商店區域後，建議不要再編輯控制代碼。深入瞭解變更商店已使用的項目控制代碼會造成什麼影響。

重複執行上述步驟，根據商品重點說明 metaobject 定義再建立三個項目。

儲存 metaobject 定義和項目後，便可建立參考 metaobject 的中繼欄位定義。

步驟三：建立參考 metaobject 的中繼欄位定義

在 Shopify 管理介面中，前往「設定」>「自訂資料」。
在「中繼欄位」區段中，點擊「商品」。
點擊「新增定義」。輸入專屬名稱和描述，然後點擊「選取內容類型」。
依序點擊「選取類型」和「Metaobject」。
在「參考」區段中，選取您要參考的 metaobject 定義。選擇「Product Highlights」（商品重點說明）。如此可限制中繼欄位商品定義，使其僅顯示與商品重點說明 metaobject 相關的項目。
決定此定義顯示的是單一項目或項目清單。在此範例中，請選擇「項目清單」選項。
在「存取」區段中，依預設會選取「店面」選項。
按一下「儲存」。

步驟四：連結商品與項目

在 Shopify 管理介面中，前往「產品」。
選取您想要顯示商品重點說明的商品。
在此範例中，我們希望指顯示部分已建立的商品重點說明項目，而不要全部顯示。在「商品中繼欄位」區段中，按一下「Product Highlights」（商品重點說明）中繼欄位旁的項目欄位。如果中繼欄位清單中並未列出商品重點說明，可按一下「顯示全部」。
點擊「選取項目」。在此步驟中，選取您想要在此特定商品上顯示的項目。請選擇兩則商品重點說明。
返回商品頁面。選取其他商品，然後依照上一步為商品指派兩則不同的商品重點說明。

接下來，您將在網路商店發布 metaobject。

步驟五：將項目發布到網路商店

您已將項目連結至商品，接著要在您的商店顯示這些項目。此步驟使用佈景主題編輯器來選取 metaobject 項目將連結的區塊和區段。

新增區段或區塊後，您可以點擊連結動態來源的圖示來選取中繼欄位：

在 Shopify 管理介面中，前往「線上商店」>「佈景主題」。
尋找要編輯的佈景主題，然後點擊「自訂」。
使用畫面最上方的下拉式選單來選取「商品」>「預設商品」。這樣會在佈景主題編輯器中載入預設商品範本。
按一下側邊欄中的「新增區段」，然後選擇「多列」作為新區段類型。
點擊「多列」區段的第一列。
- 第一個區塊的設定將顯示在右側側邊欄中。在欄區塊中，您可以手動選取圖片、插入標題、新增說明文字及描述。您也可以點擊每個資料來源圖示，將區塊設定連結至您想套用的項目。
按一下區塊名稱旁邊的「連結動態來源」並選取「Product Highlights」（商品重點說明）。佈景主題編輯器會使用商品重點說明項目填入新的多列區塊。
設定「多列」區段中的剩餘區塊，或移除未使用的區塊。
點擊「儲存」以發布商品重點說明項目。

您的項目只會顯示在與其連結的商品上；若商品缺少匹配的參考中繼欄位，則該區段就不會發布。換言之，您可以設定所有商品皆適用的單一商品範本。