連結並顯示 metaobject
您可使用佈景主題編輯器,以下列方式在佈景主題中顯示 metaobject 的內容:
- 將 metaobject 連結到區塊
- 將 metaobject 欄位連結到支援動態來源的區塊設定與佈景主題設定
- 編輯佈景主題程式碼以加入 metaobject
如需逐步操作說明,請參閱如何建立Product highlight metaobject 定義。
本頁內容
連結與顯示 metaobject 的相容性注意事項
請檢視以下在網路商店中連結並顯示 metaobject 的注意事項:
- 要在佈景主題編輯器中將 metaobject 連結到區塊或設定,其中繼欄位類型必須與該區塊的內容類型相符。您可以將任何相容的類型連結到佈景主題設定中的對應區域。
- 若要連結 metaobject,該 metaobject 必須包含對應的中繼欄位類型,例如使用「單行文字」中繼欄位,連結到「欄」區塊的「標題」或「說明文字」設定。
- 您必須確保該 metaobject 具有「線上店面」存取權,才能在網路商店中顯示。瞭解詳情:自訂資料的選項。
- 若 metaobject 欄位是清單,佈景主題編輯器會自動將清單中的每個項目加入至該區塊的設定。
將 metaobject 與 metaobject 參照連結到區塊
您可以將您建立的 metaobject,或作為該相關範本的metaobject 參照之中繼欄位,直接連結到任何支援 metaobject 連結的區塊,例如將商品的分類中繼欄位連結到商品範本。將 metaobject 連結到區塊後,相容的欄位會自動對應到該區塊的設定。
您只能將 metaobject 或 metaobject 參照連結到區塊。例如,您販售書籍,並在商品中新增了以下商品中繼欄位:
- shipping dimensions 使用「單行文字」中繼欄位類型
- number of pages 使用「整數」中繼欄位類型
- book cover type 使用分類中繼欄位
- author 使用 metaobject 參照類型。
在佈景主題編輯器的商品範本中,您可以連結 封面類型 或 作者 商品中繼欄位,但無法連結 運送尺寸 或 頁數 中繼欄位。
只有管理介面中屬於 metaobject 參照類型的中繼欄位,才能連結到佈景主題中相符的範本。舉例來說,若您正在自訂首頁,則可以連結 Shopify 管理介面中的 內容 > Metaobjects 區段裡的任何自訂 metaobject,但無法連結含有 metaobject 參照的商品中繼欄位。
步驟:
在 Shopify 管理介面中,前往 網路商店 > Themes。
在要編輯的佈景主題旁,點選 編輯佈景主題。
選用:若要自訂首頁以外的範本,請從功能表列的範本選單中選取要自訂的範本。
點選您要連結 metaobject 或 metaobject 參照的區塊。
點選區塊旁的
按鈕。
如可用,從下列來源選取 metaobject 或 metaobject 參照:
- 在「此範本」區段中,點選 範本 > 商品,然後選取相容的 metaobject 參照類型,例如類別中繼欄位。
- 在「來自您的商店」區段中,點選 Metaobjects、市場 或 品牌,然後選取相容的 metaobject 或 metaobject 參照。
- 點選 儲存。
將 metaobject 欄位連結到支援動態來源的設定
您可以將 metaobject 欄位直接連結至相容的區塊設定或佈景主題設定。
步驟:
在 Shopify 管理介面中,前往 網路商店 > Themes。
在要編輯的佈景主題旁,點選 編輯佈景主題。
選用:若要自訂首頁以外的範本,請從功能表列的範本選單中選取要自訂的範本。
選用:若要將動態來源連結至佈景主題設定,請點選
按鈕。
點選您要連結 metaobject 或 metaobject 參照的設定。
點選該設定旁的
按鈕。
如可用,從下列來源選取 metaobject 或 metaobject 參照:
- 在「此範本」區段中,點選 範本 > 商品,然後選取相容的 metaobject 參照類型,例如類別中繼欄位。
- 在「來自您的商店」區段中,點選 Metaobjects、市場 或 品牌,然後選取相容的 metaobject 或 metaobject 參照。
- 選取您要連結的 metaobject 欄位。
- 點選 儲存。
編輯佈景主題程式碼以新增 metaobject
您可以使用 Liquid,也就是 Shopify 的範本語言,將 metaobject 項目用於網路商店的任何位置。您可以將 metaobject 項目連結至頁面、網誌、首頁和商品系列範本。
這些項目可以透過中繼欄位參照,或直接存取,並可透過 metaobject 或 metaobject list 設定來加入。
如果您想要 edit your theme code,讓網路商店顯示 metaobject,則可在佈景主題範本中使用 Liquid 參照中繼欄位。
瞭解詳情:hiring a Shopify Partner 與 using custom data for developers。