*此功能需要使用前台設計工具(Layout engine)或 API 設定,若要開通前台設計工具或使用 API,請洽線上顧問。
現有的欄位無法完整收集您想要的資料?或是需要打造更細緻的前台網站?您可以試試 Metafields 自訂最適合您的資料儲存/呈現欄位!在商品頁加入更詳細的規格說明,加入展示影片,甚至為個別商品插入獨特的促銷訊息,幫助您在小地方創造大效益。
本文將介紹:
一、什麼是 Metafields?
Metafields 是更進階的欄位自訂功能,讓您設計一段新的欄位語法,用以儲存資料至後台,或是在前台展示自訂的內容。
Metafields 語法由「名稱空間(Namespace)」以及「金鑰(Key)」組成,形式為:Namespace.Key。
例如:custom.special_image
二、新增 Metafields 定義
首先,您需要定義新的 Metafield。定義完成後,此 Metafield 的設定欄位會出現在後台對應的功能區塊中,以便您後續輸入自訂數值。
步驟一
前往「商店後台 > 設定 > Metafield 定義」。共有商品、商店、顧客、訂單 4 種分類可以設定 Metafield,接著點按「編輯」。
點按「新增定義」。
步驟二
編輯以下欄位。
- 名稱:您為此 Metafield 取的名稱,方便您在 SHOPLINE 後台辨識。
- 名稱空間: Metafield 的前半部,性質為分類,例如:product。
- Key:Metafield 的後半部,性質為分類細項,例如:color
- 名稱空間 + Key 即完整的 Metafield,例如:product.color。
- 說明:此段 Metafield 的簡述說明,將顯示在後台對應的 Metafield 設定欄位。您可以輸入此段 Metafield 該填入哪些數值。
- 內容類型:選擇此段 Metafield 要儲存於後台的類型,包含文本、Json、Url、數字、Boolean。若您要定義的 Metafield 與「重量」有關,內容類型就可以選「數字」。
步驟三
編輯完成後,點按「確認」即可建立新的 Metafield。請注意 Metafield 建立完成後不可刪除,儲存前請再三確認。每個分類的 Metafield 上限為 15 個。
三、輸入 Metafields 數值
Metafileds 定義完成後,您可以前往該分類,自訂 Metafields 的數值。以下將以「商品」分類為例。
步驟一
前往「商店後台 > 商品」,選擇商品並點按「編輯」。
步驟二
點選「Metafields」頁籤。在輸入框輸入您想要的數值。例如若為連結其他網站的類型,可在此欄位輸入 URL。
步驟三
輸入完畢後,點按「更新」。
四、前台 Metafields 顯示
前往「商店後台 > 編輯 HTML/CSS」,選擇要編輯的對應頁面。例如:您已設定「商品」分類的 Metafields 數值,且想要呈現在「商品詳情頁」,需要編輯 product_detail.liquid 頁面的語法。
*注意:
- Metafields 支援頁面範圍以及對應前台網頁,請參考:網頁設計工具說明文件。
- 如需顯示 Metafields 數值,您需要使用擴充功能:「前台設計工具」編輯 Liquid 語法。若您尚未開通,請先與線上顧問聯繫。
[即將推出] 透過 Layout engine 客製化功能,您可以將 Metafields 資料顯示於網店前台商品標籤。
步驟一
找到該商品頁面對應的 Liquid 語法,自訂您想呈現的商品標籤內容與樣式。
步驟二
前往「商品及分類 > 商品 > 編輯 > Metafields」,輸入引用語法「product.metafields.{名稱空間}.{Key}」,並點選「更新」即可。
*注意:
- 支援顯示文本/Json/Url/數字/Boolean,共五種類型的 Metafields 資料。
-
上方語法紅字標示處 {名稱空間}.{Key} 請更換為您的 Metafields 數值;前往「設定 > Metafields 定義」可查看名稱空間與 Key 欄位資訊。
延伸閱讀

評論