連結並顯示 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 參照的商品中繼欄位。

步驟:

  1. 在 Shopify 管理介面中,前往 網路商店 > Themes

  2. 在要編輯的佈景主題旁,點選 編輯佈景主題

  3. 選用:若要自訂首頁以外的範本,請從功能表列的範本選單中選取要自訂的範本。

  4. 點選您要連結 metaobject 或 metaobject 參照的區塊。

  5. 點選區塊旁的 連結動態來源 按鈕。

  6. 如可用,從下列來源選取 metaobject 或 metaobject 參照:

  • 在「此範本」區段中,點選 範本 > 商品,然後選取相容的 metaobject 參照類型,例如類別中繼欄位。
  • 在「來自您的商店」區段中,點選 Metaobjects市場品牌,然後選取相容的 metaobject 或 metaobject 參照。
  1. 點選 儲存

將 metaobject 欄位連結到支援動態來源的設定

您可以將 metaobject 欄位直接連結至相容的區塊設定或佈景主題設定。

步驟:

  1. 在 Shopify 管理介面中,前往 網路商店 > Themes

  2. 在要編輯的佈景主題旁,點選 編輯佈景主題

  3. 選用:若要自訂首頁以外的範本,請從功能表列的範本選單中選取要自訂的範本。

  4. 選用:若要將動態來源連結至佈景主題設定,請點選 設定 按鈕。

  5. 點選您要連結 metaobject 或 metaobject 參照的設定。

  6. 點選該設定旁的 連結動態來源 按鈕。

  7. 如可用,從下列來源選取 metaobject 或 metaobject 參照:

  • 在「此範本」區段中,點選 範本 > 商品,然後選取相容的 metaobject 參照類型,例如類別中繼欄位。
  • 在「來自您的商店」區段中,點選 Metaobjects市場品牌,然後選取相容的 metaobject 或 metaobject 參照。
  1. 選取您要連結的 metaobject 欄位。
  2. 點選 儲存

編輯佈景主題程式碼以新增 metaobject

您可以使用 Liquid,也就是 Shopify 的範本語言,將 metaobject 項目用於網路商店的任何位置。您可以將 metaobject 項目連結至頁面、網誌、首頁和商品系列範本。

這些項目可以透過中繼欄位參照,或直接存取,並可透過 metaobjectmetaobject list 設定來加入。

如果您想要 edit your theme code,讓網路商店顯示 metaobject,則可在佈景主題範本中使用 Liquid 參照中繼欄位。

瞭解詳情:hiring a Shopify Partnerusing custom data for developers