建立和連結 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」(商品重點說明)。佈景主題編輯器會使用商品重點說明項目填入新的多列區塊。
設定「多列」區段中的剩餘區塊,或移除未使用的區塊。
點擊「儲存」以發布商品重點說明項目。
您的項目只會顯示在與其連結的商品上;若商品缺少匹配的參考中繼欄位,則該區段就不會發布。換言之,您可以設定所有商品皆適用的單一商品範本。