建立並連結 metaobject

在本教學課程中,您將學會建立一個用於商品重點的自訂 metaobject,並將其顯示在您的網路商店。此商品重點 metaobject 會顯示圖片、商品名稱、說明文字與描述。

本教學將介紹metaobject 定義建立項目、設定中繼欄位參照、將商品連結到項目,最後在您的網路商店發布該 metaobject。

本頁內容

您將學到什麼

完成本教學課程後,您將完成下列工作:

  • 已建立商品重點的 metaobject
  • 已使用您建立的 metaobject 建立數個商品重點項目
  • 已建立參照該 metaobject 的中繼欄位定義
  • 已將您的項目連結到特定商品
  • 已發布 metaobject 項目

步驟一:建立 metaobject

  1. 在 Shopify 管理介面中,前往設定 > 中繼欄位與 metaobject

  2. metaobject 定義中,按一下新增定義

  3. 將 metaobject 定義命名為 商品重點

  4. 按一下新增欄位,並選取您想在此 metaobject 中顯示的內容類型。欄位會決定在 metaobject 中顯示的內容,每個欄位都有自己的選項與驗證。要新增第一個欄位,請選取檔案

  5. 設定類型與驗證。將該欄位命名為 圖片,並輸入簡短描述。

  6. 存取底下,系統會自動選取商店前台。請維持選取,以便商店可以存取並顯示此內容。

  7. 將圖片欄位新增到您的 metaobject。選擇新增欄位 > 檔案

  • 將此欄位命名為 圖片
  • 取消勾選 影片,將此 metaobject 限制為僅顯示圖片。
  • 輸入描述。
  • 完成後,按一下新增
  1. 將標題欄位新增到您的 metaobject。這次,選擇新增欄位 > 單行文字 作為欄位類型。請執行下列操作:
  • 將此欄位命名為 標題
  • 勾選使用此欄位作為顯示名稱,將此欄位用作列表中的項目名稱。
  • 輸入描述。
  • 完成後,按一下新增
  1. 將說明文字欄位新增到您的 metaobject。按一下新增欄位 > 單行文字。請執行下列操作:
  • 將此欄位命名為 說明文字
  • 輸入描述。
  • 完成後,按一下新增
  1. 將描述欄位新增到您的 metaobject。按一下新增欄位 > 多行文字。請執行下列操作:
  • 將此欄位命名為 描述
  • 輸入描述。
  • 完成後,按一下新增
  1. 儲存新的 metaobject 定義。

儲存 metaobject 定義後,您就可以開始建立項目

步驟二:建立項目

  1. 在 Shopify 管理介面中,按一下內容
  2. 按一下商品重點 metaobject 定義作為新項目的基礎,然後按一下新增項目
  3. 填寫項目的欄位:
    • 按一下選取圖片,選擇或上傳此商品重點的圖片。
    • 新增 標題描述
  4. 狀態會自動設為啟用。如果您還沒準備好使用這些項目,可以將狀態改為草稿
  5. 按一下儲存

系統會為您的項目產生一組控制代碼,它是專屬於單一內容項目的唯一識別碼。當您開始將項目連結到商店的各個位置後,就不建議再編輯控制代碼。深入瞭解在商店開始使用後再變更項目控制代碼的影響

重複以上步驟,依「商品重點」 metaobject 定義再建立三個項目。

儲存好 metaobject 定義與項目後,您可以建立參照該 metaobject 的中繼欄位定義

步驟三:建立參照該 metaobject 的中繼欄位定義

  1. 在 Shopify 管理介面中,前往設定 > 中繼欄位與 metaobject

  2. 中繼欄位區段中,按一下商品

  3. 按一下新增定義。輸入唯一名稱與說明,然後按一下選取內容類型

  4. 按一下選取類型,然後選取 Metaobject

  5. 參照區段中,選取您要參照的 metaobject 定義。選取 Product highlights。這會將商品中繼欄位定義限制為僅顯示與「Product highlights」 metaobject 相關的項目。

  6. 設定此定義允許顯示單一項目或項目清單。本範例請選取項目清單選項。

  7. 存取權 區段中,系統會預設選取 店面 選項。

  8. 按一下儲存

步驟四:將商品連結到項目

  1. 在您的 Shopify 管理介面中,前往 商品

  2. 選取您要顯示商品亮點的商品。

  3. 在此範例中,我們只想顯示部分 (而非全部) 已建立的商品亮點項目。在 商品中繼欄位 區段中,按一下 Product highlights 中繼欄位旁的項目欄位。若在中繼欄位清單中看不到 Product highlights,請按一下 顯示全部

  4. 按一下 選取項目。在此步驟中,您要選取要在此商品上顯示的項目。選取兩個商品亮點。

  5. 回到商品頁面。選取另一個商品,依照前一步驟,為該商品指派另外兩個商品亮點項目。

接下來,您將在網路商店發布您的 metaobject

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

既然您已將項目連結至商品,接下來就能在商店中顯示這些項目。本步驟會透過佈景主題編輯器,選取要連結 metaobject 項目的區塊與區段。

新增區段或區塊後,您可以按一下 連結動態來源 按鈕來選取中繼欄位。

步驟:

  1. 在您的 Shopify 管理介面中,前往 網路商店 > 佈景主題

  2. 找到您要編輯的佈景主題,然後按一下 編輯佈景主題

  3. 使用畫面頂端的下拉式選單,選取 商品 > 預設商品。這會在佈景主題編輯器載入預設商品範本。

  4. 在側邊欄按一下 新增區段,並選擇 多列 作為新的區段類型。

  5. 按一下 多列 區段的第一列。

    • 第一個區塊的設定會顯示在右側邊欄。在欄區塊中,您可以手動選取圖片、插入標題、加入說明文字,並新增描述。您也可以按一下各個資料來源圖示,將該區塊的設定連結到您想要的項目。
  6. 按一下區塊名稱旁的 連結動態來源,選取 Product highlights。佈景主題編輯器會以您的商品亮點項目填入新的多列區塊。

  7. 設定 多列 區段中其餘的區塊,或移除未使用的區塊。

  8. 按一下 儲存,即可發布您的商品亮點項目。

您的項目只會顯示在已連結的商品上。若某個商品沒有指派的項目,該區段不會被移除,而是會留白。實際行為可能因佈景主題與所使用的區段而異,請測試您的範本,確認是否符合需求。

如果在商品沒有項目時,區段的顯示方式不如您的預期,建議建立新的商品範本,並將該範本指派給有項目的商品。