建立並連結 metaobject
在本教學課程中,您將學會建立一個用於商品重點的自訂 metaobject,並將其顯示在您的網路商店。此商品重點 metaobject 會顯示圖片、商品名稱、說明文字與描述。
本教學將介紹metaobject 定義、建立項目、設定中繼欄位參照、將商品連結到項目,最後在您的網路商店發布該 metaobject。
本頁內容
您將學到什麼
完成本教學課程後,您將完成下列工作:
- 已建立商品重點的 metaobject
- 已使用您建立的 metaobject 建立數個商品重點項目
- 已建立參照該 metaobject 的中繼欄位定義
- 已將您的項目連結到特定商品
- 已發布 metaobject 項目
步驟一:建立 metaobject
在 Shopify 管理介面中,前往設定 > 中繼欄位與 metaobject。
在metaobject 定義中,按一下新增定義。
將 metaobject 定義命名為 商品重點。
按一下新增欄位,並選取您想在此 metaobject 中顯示的內容類型。欄位會決定在 metaobject 中顯示的內容,每個欄位都有自己的選項與驗證。要新增第一個欄位,請選取檔案。
設定類型與驗證。將該欄位命名為 圖片,並輸入簡短描述。
在存取底下,系統會自動選取商店前台。請維持選取,以便商店可以存取並顯示此內容。
將圖片欄位新增到您的 metaobject。選擇新增欄位 > 檔案。
- 將此欄位命名為 圖片。
- 取消勾選 影片,將此 metaobject 限制為僅顯示圖片。
- 輸入描述。
- 完成後,按一下新增。
- 將標題欄位新增到您的 metaobject。這次,選擇新增欄位 > 單行文字 作為欄位類型。請執行下列操作:
- 將此欄位命名為 標題。
- 勾選使用此欄位作為顯示名稱,將此欄位用作列表中的項目名稱。
- 輸入描述。
- 完成後,按一下新增。
- 將說明文字欄位新增到您的 metaobject。按一下新增欄位 > 單行文字。請執行下列操作:
- 將此欄位命名為 說明文字。
- 輸入描述。
- 完成後,按一下新增。
- 將描述欄位新增到您的 metaobject。按一下新增欄位 > 多行文字。請執行下列操作:
- 將此欄位命名為 描述。
- 輸入描述。
- 完成後,按一下新增。
- 儲存新的 metaobject 定義。
儲存 metaobject 定義後,您就可以開始建立項目。
步驟二:建立項目
- 在 Shopify 管理介面中,按一下內容。
- 按一下商品重點 metaobject 定義作為新項目的基礎,然後按一下新增項目。
- 填寫項目的欄位:
- 按一下選取圖片,選擇或上傳此商品重點的圖片。
- 新增 標題 和 描述。
- 狀態會自動設為啟用。如果您還沒準備好使用這些項目,可以將狀態改為草稿。
- 按一下儲存。
系統會為您的項目產生一組控制代碼,它是專屬於單一內容項目的唯一識別碼。當您開始將項目連結到商店的各個位置後,就不建議再編輯控制代碼。深入瞭解在商店開始使用後再變更項目控制代碼的影響。
重複以上步驟,依「商品重點」 metaobject 定義再建立三個項目。
儲存好 metaobject 定義與項目後,您可以建立參照該 metaobject 的中繼欄位定義。
步驟三:建立參照該 metaobject 的中繼欄位定義
在 Shopify 管理介面中,前往設定 > 中繼欄位與 metaobject。
在中繼欄位區段中,按一下商品。
按一下新增定義。輸入唯一名稱與說明,然後按一下選取內容類型。
按一下選取類型,然後選取 Metaobject。
在參照區段中,選取您要參照的 metaobject 定義。選取 Product highlights。這會將商品中繼欄位定義限制為僅顯示與「Product highlights」 metaobject 相關的項目。
設定此定義允許顯示單一項目或項目清單。本範例請選取項目清單選項。
在 存取權 區段中,系統會預設選取 店面 選項。
按一下儲存。
步驟四:將商品連結到項目
在您的 Shopify 管理介面中,前往 商品。
選取您要顯示商品亮點的商品。
在此範例中,我們只想顯示部分 (而非全部) 已建立的商品亮點項目。在 商品中繼欄位 區段中,按一下 Product highlights 中繼欄位旁的項目欄位。若在中繼欄位清單中看不到 Product highlights,請按一下 顯示全部。
按一下 選取項目。在此步驟中,您要選取要在此商品上顯示的項目。選取兩個商品亮點。
回到商品頁面。選取另一個商品,依照前一步驟,為該商品指派另外兩個商品亮點項目。
接下來,您將在網路商店發布您的 metaobject。
步驟五:將項目發布到網路商店
既然您已將項目連結至商品,接下來就能在商店中顯示這些項目。本步驟會透過佈景主題編輯器,選取要連結 metaobject 項目的區塊與區段。
新增區段或區塊後,您可以按一下 按鈕來選取中繼欄位。
步驟:
在您的 Shopify 管理介面中,前往 網路商店 > 佈景主題。
找到您要編輯的佈景主題,然後按一下 編輯佈景主題。
使用畫面頂端的下拉式選單,選取 商品 > 預設商品。這會在佈景主題編輯器載入預設商品範本。
在側邊欄按一下 新增區段,並選擇 多列 作為新的區段類型。
按一下 多列 區段的第一列。
- 第一個區塊的設定會顯示在右側邊欄。在欄區塊中,您可以手動選取圖片、插入標題、加入說明文字,並新增描述。您也可以按一下各個資料來源圖示,將該區塊的設定連結到您想要的項目。
按一下區塊名稱旁的 連結動態來源,選取 Product highlights。佈景主題編輯器會以您的商品亮點項目填入新的多列區塊。
設定 多列 區段中其餘的區塊,或移除未使用的區塊。
按一下 儲存,即可發布您的商品亮點項目。
您的項目只會顯示在已連結的商品上。若某個商品沒有指派的項目,該區段不會被移除,而是會留白。實際行為可能因佈景主題與所使用的區段而異,請測試您的範本,確認是否符合需求。
如果在商品沒有項目時,區段的顯示方式不如您的預期,建議建立新的商品範本,並將該範本指派給有項目的商品。