在網路商店顯示 metaobject

若您有 Online Store 2.0 佈景主題,就能使用佈景主題編輯器中的動態來源,將大部分 metaobject 連結至佈景主題。若想使用舊版佈景主題,或新增佈景主題不支援的中繼欄位類型,則可以編輯佈景主題程式碼,或聘僱 Shopify 合作夥伴來協助您。深入瞭解如何聘僱 Shopify 合作夥伴

您必須確保 metaobject 具有店面存取權限。深入瞭解存取選項

使用佈景主題編輯器將中繼物件連結至佈景主題

如果您的佈景主題支援 metaobject,則可以使用佈景主題編輯器,選擇如何在網路商店中顯示 metaobject。若要瞭解哪些區塊可以連結至佈景主題中的 metaobject 參考,請參閱佈景主題說明文件,或聯絡佈景主題開發人員

您可以將支援動態來源的區塊新增至區段,即可將 metaobject 連結至佈景主題。例如,「商品資訊」區段內的區塊可連結至 metaobject。

新增具有區塊的區段後,您可以點擊區塊名稱旁的連結動態來源圖示,以連結至 metaobject 參考:

連結動態來源圖示

步驟:

  1. 在 Shopify 管理介面 ,前往「線上商店」 > 「佈景主題」
  2. 尋找要編輯的佈景主題,然後點擊「自訂」。
  3. 在佈景主題編輯器中,導覽至要顯示中繼物件的範本位置。例如,您的預設商品範本。
  4. 選取具有區塊的現有區段,或新增包含區塊的區段。
  5. 點擊區塊。
  6. 在區塊名稱旁,點擊連結動態來源圖示。
  7. 選取所有要與此區塊一同顯示的 metaobject 參考。若為單一 metaobject 參考,則系統會填入區塊包含的設定。若為 metaobject 參考清單,則系統會填入區塊的設定,並針對區塊的每個執行個體重複該動作。

區塊會自動將 metaobject 欄位對應至區塊設定。如果欄位沒有正確對應,請使用每個設定上的連結動態來源圖示來變更。

深入瞭解欄位和設定的相容性

您還可以使用中繼物件來建立和發布登陸頁面

重複區塊數量限制

透過動態來源新增 metaobject 時,您可能會遇到可新增區塊數量受到限制。這取決於連結至該資源的 metaobject 擁有的項目數量。例如,多列區段的數量限制為 50 列。如果您有 20 項商品重點說明並將其連結至多列區段,便可另外新增 30 列至此區段。然而,如果您有 60 項商品重點說明,多列區段只會顯示前 50 項商品重點說明。

依區塊或區段限制而定,區段限制如下:

  • 如果區塊類型有數量限制,則重複區塊數量上限等於區塊類型數量限制減去手動新增的相同類型區塊數量。
  • 如果區段有數量限制,則重複區塊數量上限等於區段限制數量減去手動新增的區塊數量。
  • 如果區段沒有數量限制,則重複區塊數量上限等於 50 減去手動新增的區塊數量。

當您達到數量上限並嘗試再新增一列或一個區塊時,數量上限便會顯示在「新增列」或「新增區塊」旁,而新增按鈕會以灰色顯示,表示已達數量上限。

達到數量上限

達到上限後,系統不會顯示額外項目。您可以嘗試透過以下方式來顯示所有項目:

  • 新增區塊數量上限更高的其他區段,以允許更多 metaobject 項目
  • 減少使用項目的數量
  • 移除在編輯器中手動新增的非必要區塊

在網路商店編輯器 中編輯 metaobject 條目

使用 metaobject 範本時,可以直接從網路商店編輯器編輯 metaobject。

metaobject 頁面建立範本時,可以透過兩種方式,打開當前預覽的 metaobject 條目並進行內嵌編輯:

  1. 點擊條目標題,然後點擊「編輯值」。
    Metaobject entry link
  2. 在佈景主題設定中使用連線欄位時點擊「變更」。
    Metaobject entry link from field

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

使用 Liquid,即可在網路商店任一處使用 metaobject 項目。您可以將 metaobject 項目連結至頁面、網誌、首頁和商品系列頁面。中繼欄位可能會參考這些項目,但這取決於項目是否需為動態或靜態項目。

若要編輯佈景主題程式碼以在網路商店中顯示 metaobject,您可以使用 Liquid 在頁面範本中參考中繼欄位。

您必須有程式編寫經驗,才能編輯佈景主題程式碼。如果需要協助編輯佈景主題程式碼,可以透過 Shopify Partner Directory 聘雇 Shopify 合作夥伴。

深入瞭解如何聘僱 Shopify 合作夥伴

您也可以將 metaobject 和自訂店面及 Hydrogen 搭配使用。

深入瞭解開發人員的自訂數據

準備好開始透過 Shopify 銷售商品了嗎?

免費試用