使用 metaobject 建立網頁

您可以使用 metaobject 為網路商店建立可重複使用的登陸頁面。例如,若您有品牌大使計畫,便可為每位品牌大使建立一個網頁,內容包含簡介、社群媒體連結與圖片。

若要使用 metaobject 建立網頁,請完成下列步驟:

  1. 使用店面存取權建立 metaobject 定義,並可視需要手動啟用「網頁」功能
  2. 為 metaobject 定義建立項目
  3. 為您的網頁 建立 metaobject 範本

深入瞭解自訂資料的選項

啟用「網頁」功能並建立佈景主題範本

建立好 metaobject 定義並新增 metaobject 項目後,您可以在佈景主題編輯器中為該 metaobject 建立範本。

從頁面選擇器選取相應的 metaobject 後,您可以自訂頁面:新增區段、加入區塊並編輯設定。您可以使用動態來源連結 metaobject 定義的欄位。例如,若您要為品牌大使建立含圖片的頁面,可能會加入附文字圖像,然後按一下

連結動態來源
按鈕。

深入瞭解在網路商店顯示 metaobject使用動態來源

在佈景主題編輯器中建立 metaobject 範本

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

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

  3. 開啟頁面頂端的頁面選擇器。

  4. 按一下 建立 metaobject 範本。在對話方塊中,按一下要用於範本的 metaobject。您可以編輯用於 頁面標題中繼說明 的 metaobject 欄位,並可在 搜尋引擎清單 區段中編輯 網址控制代碼。範本會自動使用與您的 metaobject 定義相同的名稱。

  5. 按一下 建立範本

  6. 建立範本後,您可以新增區段與區塊,並編輯設定來自訂範本。您可以使用動態來源連結 metaobject 定義的欄位。例如,若您要為品牌大使建立含圖片的頁面,可能會加入附文字圖像,然後按一下動態來源圖示,連結 metaobject 項目。

  7. 按一下 儲存

建立佈景主題範本後,您可以從首頁的某個區段連結到該頁面。也可在選單中的 連結 欄位手動新增連結。瞭解如何在選單中新增連結

啟用「網頁」功能

若要為您的 metaobject 啟用此功能,請在 metaobject 定義的 選項 區段中,選取 將條目發布為網頁

步驟:

  1. 在您的 Shopify 管理介面中,前往 設定 > Metafields and metaobjects

  2. 按一下您要用來建立網頁的 metaobject。

  3. 選項 區段,請確保已啟用 線上店面存取權

  4. 選項 區段,選取 將條目發布為網頁

  5. 在「將條目發布為網頁」區段中,請執行下列操作:

    1. 選擇哪些欄位要用來產生搜尋引擎產品資訊的頁面標題與中繼說明。系統預設會選取 在線上商店啟用。若您使用 Hydrogen 線上店面,請取消選取 在線上商店啟用
    2. 選用:自訂網址控制代碼。
  6. 按一下 儲存

建立 metaobject 定義並啟用 網頁 功能後,您需要新增 metaobject entries

在佈景主題編輯器中編輯 metaobject 條目

您可以直接從 the theme editor 編輯 metaobject,無需切換到管理介面進行變更。此功能適用於圖片、影片、顏色、商品、頁面、商品系列與文字等中繼欄位。

如果您使用就地編輯來編輯 metaobject 頁面範本,則只能編輯目前預覽中的 metaobject。

建立 metaobject pages 的範本時,您可以開啟目前預覽的 metaobject 條目,並以以下任一方式就地編輯:

  • 在處理 metaobject 佈景主題範本時,按一下條目標題:
    Metaobject 條目連結
  • 按一下該條目,然後按一下 Dynamic source 編輯值 在佈景主題設定中處理已連結欄位時:
    來自欄位的 Metaobject 條目連結

瞭解詳情:connecting and displaying metaobjects on your theme

步驟:

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

  2. 在您要編輯的佈景主題旁,按一下 編輯佈景主題

  3. 在側邊欄選單中,按一下該條目。

  4. 按一下 動態來源 編輯值

  5. 編輯該條目。

  6. 按一下 儲存