建立和連結 metaobject

在本教學課程中,您將學習如何為商品重點說明建立自訂 metaobject,然後在網路商店顯示這些資訊。商品重點說明 metaobject 將顯示圖片、商品名稱、說明文字及描述。

本教學課程內容包括 metaobject 定義建立項目、設定中繼欄位參考資料、連結商品與項目,以及在網路商店發布 metaobject。

此頁面上

學習重點

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

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

步驟一:建立 metaobject

  1. 在 Shopify 管理介面 中,前往「設定」>「自訂資料」。

  2. 前住「Metaobject 定義」,按一下「新增定義」。

  3. 將 metaobject 定義命名為「Product Highlights」(商品重點說明)。

  4. 點擊「新增欄位」,然後選取要在此 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. 點擊「儲存」以發布商品重點說明項目。

您的項目只會顯示在與其連結的商品上;若商品缺少匹配的參考中繼欄位,則該區段就不會發布。換言之,您可以設定所有商品皆適用的單一商品範本。

沒有找到您需要的答案嗎?我們很樂意為您提供協助。