metaobject 教學課程

您可以使用 metaobject 為商店新增及儲存其他結構化資訊;metaobject 可供您在 Shopify 管理介面儲存資料,或建立您網路商店中顯示的可重複使用結構化內容。下列範例說明 metaobject 及其用處:

  • 為商品新增布料類型,並在網路商店的商品頁面顯示此資料。
  • 為商品建立常見問題,並在網路商店的商品頁面顯示此資料。
  • 建立包含圖片和文字的品牌大使或網紅個人檔案,然後在網路商店頁面顯示此資料。

您可以直接從 Shopify 管理介面為商品、商品系列、顧客、訂單和商店的其他部分新增 metaobject。

若您有 Online Store 2.0 佈景主題,則可建立使用中繼欄位的 metaobject 參考資料,藉此將 metaobject 連結至佈景主題。若您使用舊版佈景主題,或想新增佈景主題不支援的中繼欄位類型,可以編輯佈景主題程式碼,或聘僱 Shopify 合作夥伴來協助您。深入瞭解如何聘僱 Shopify 合作夥伴

商品重點說明教學課程

在本教學課程中,您將學習如何為商品重點說明建立自訂 metaobject,然後在網路商店顯示這些資訊。

學習重點

完成本教學課程後,您將達成以下事項:

  • 為商品重點說明建立 metaobject
  • 使用您建立的 metaobject,為商品重點說明建立多個項目
  • 建立參考 metaobject 的中繼欄位定義
  • 將項目與特定商品連結
  • 發布 metaobject 項目

步驟一:建立 metaobject

  1. 在 Shopify 管理介面中,前往「設定」>「自訂資料」。
  2. 在「Metaobject」下方,點擊「新增定義」。
  3. 將 metaobject 定義命名為「Product Highlights」(商品重點說明)。
  4. 點擊「新增欄位」,然後選取要在此 metaobject 中顯示的內容類型。欄位會定義 metaobject 中顯示的內容,而每個欄位都有各自的選項集和驗證規則。

    • 在本教學課程中,我們將建立一個商品重點說明 metaobject,用以顯示圖片、商品名稱、說明文字及描述。若要新增第一個欄位,請選取「檔案」。
  5. 設定類型和驗證規則。將欄位命名為「Image」(圖片),然後輸入簡短描述。

  6. 系統會自動在「存取選項」下方選取「店面」。請維持選取此選項,以便您的商店存取和顯示內容。

  7. 將圖片欄位新增至 metaobject。選擇「新增欄位」>「檔案」。

    • 將此欄位命名為「Image」(圖片)。
    • 取消勾選「Videos」(影片) 以限制此 metaobject 僅顯示圖片。
    • 輸入說明。
    • 輸入完畢後點擊「新增」。
  8. 將標題欄位新增至 metaobject。此時請選擇「新增欄位」>「單行文字」作為欄位類型。接著,請執行下列操作:

    • 將此欄位命名為「Heading」(標題)。
    • 選取「將此欄位設為顯示名稱」,以使用此欄位作為索引中的項目名稱。
    • 輸入說明。
    • 輸入完畢後點擊「新增」。
  9. 將說明文字欄位新增至 metaobject。點擊「新增欄位」>「單行文字」。接著,請執行下列操作:

    • 將此欄位命名為「Caption」(說明文字)。
    • 輸入說明。
    • 輸入完畢後點擊「新增」。
  10. 將描述欄位新增至 metaobject。點擊「新增欄位」>「多行文字」。接著,請執行下列操作:

    • 將此欄位命名「Description」(描述)。
    • 輸入說明。
    • 輸入完畢後點擊「新增」。
  11. 儲存您新增的 metaobject 定義。

儲存 metaobject 定義後,即可開始建立項目

步驟二:建立項目

  1. 在 Shopify 管理介面 中,點擊「內容」
  2. 點按「Product Highlights」(商品重點說明) metaobject 定義做為新項目的依據,然後點按「新增項目」
  3. 完成項目的欄位:

    • 點擊「選取圖片」,然後選擇或上傳此商品重點說明的圖片。
    • 新增「Title」(標題) 和「Description」(描述)。
  4. 狀態會自動設為「啟用中」。如果您尚未準備好使用項目,可將狀態變更為「草稿」。

  5. 點擊「儲存」。

系統會為您的項目產生控制代碼,此為單一內容項目的專屬識別碼。您開始將項目連結到商店區域後,建議不要再編輯控制代碼。深入瞭解變更商店已使用的項目控制代碼會造成什麼影響

重複執行上述步驟,根據商品重點說明 metaobject 定義再建立三個項目。

儲存 metaobject 定義和項目後,便可建立參考 metaobject 的中繼欄位定義

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

  1. 在 Shopify 管理介面中,前往「設定」>「自訂資料」。
  2. 在「中繼欄位」區段中,點擊「商品」。
  3. 點擊「新增定義」。輸入專屬名稱和描述,然後點擊「選取內容類型」。
  4. 依序點擊「選取類型」和「Metaobject」。
  5. 在「參考」區段中,選取您要參考的 metaobject 定義。選擇「Product Highlights」(商品重點說明)。如此可限制中繼欄位商品定義,使其僅顯示與商品重點說明 metaobject 相關的項目。
  6. 決定此定義顯示的是單一項目或項目清單。在此範例中,請選擇「項目清單」選項。
  7. 「存取」區段中,依預設會選取「店面」選項。
  8. 點擊「儲存」。

接下來,您會將項目與要顯示該項目的商品連結

步驟四:連結商品與項目

  1. 在 Shopify 管理介面 中,前往「產品」。

  2. 選取您想要顯示商品重點說明的商品。

  3. 在此範例中,我們希望指顯示部分已建立的商品重點說明項目,而不要全部顯示。在「商品中繼欄位」區段中,按一下「Product Highlights (商品重點說明) 中繼欄位旁的項目欄位。如果中繼欄位清單中並未列出商品重點說明,可點按「顯示全部」。

  4. 點擊「選取項目」。在此步驟中,選取您想要在此特定商品上顯示的項目。請選擇兩則商品重點說明。

  5. 返回商品頁面。選取其他商品,然後依照上一步為商品指派兩則不同的商品重點說明。

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

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

您已將項目連結至商品,接著要在您的商店顯示這些項目。此步驟使用佈景主題編輯器來選取 metaobject 項目將連結的區塊和區段。

新增區段或區塊後,您可以點擊連結動態來源的圖示來選取中繼欄位:

連結動態來源圖示

  1. 在 Shopify 管理介面 ,前往「線上商店」 > 「佈景主題」
  2. 尋找要編輯的佈景主題,然後點擊「自訂」。
  3. 使用畫面最上方的下拉式選單來選取「商品」>「預設商品」。這樣會在佈景主題編輯器中載入預設商品範本。
  4. 點擊左側側邊欄中的「新增區段」,然後選擇「多列」作為新區段類型。
  5. 點擊「多列」區段的第一列。

    • 第一個區塊的設定將顯示在右側側邊欄中。在欄區塊中,您可以手動選取圖片、插入標題、新增說明文字及描述。您也可以點擊每個資料來源圖示,將區塊設定連結至您想套用的項目。
  6. 點擊區塊名稱旁邊的「連結動態來源」並選取「Product Highlights」(商品重點說明)。佈景主題編輯器會使用商品重點說明項目填入新的多列區塊。

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

  8. 點擊「儲存」以發布商品重點說明項目。

您的項目只會顯示在與其連結的商品上;若商品未與任何項目連結,則該區段就不會發布。換言之,您可以設定所有商品皆適用的單一商品範本。

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

免費試用