藍(lán)海億觀網(wǎng)2020年01月20日 1681
“Shopify metafields(Shopify元數(shù)據(jù))可以幫助賣家存儲(chǔ)額外的信息,定制產(chǎn)品詳細(xì)信息頁面。在Shopify管理頁中添加產(chǎn)”
Shopify metafields(Shopify元數(shù)據(jù))可以幫助賣家存儲(chǔ)額外的信息,定制產(chǎn)品詳細(xì)信息頁面。
在Shopify管理頁中添加產(chǎn)品非常簡單。導(dǎo)航到“Products”選項(xiàng)卡,創(chuàng)建一個(gè)新項(xiàng)目,添加標(biāo)題、描述、價(jià)格和多個(gè)變體。
輕松添加產(chǎn)品并提供規(guī)格和信息
對于大多數(shù)電子商務(wù)企業(yè)來說,這已經(jīng)足夠了。畢竟,產(chǎn)品描述可以是文本、HTML、視頻、圖像等。 但這可能是一種限制。
在Shopify中構(gòu)建一個(gè)復(fù)雜的產(chǎn)品詳細(xì)信息頁面還挺困難的
Shopify產(chǎn)品詳細(xì)信息頁面上的標(biāo)準(zhǔn)描述字段是一個(gè)整體的內(nèi)容塊??梢栽诖藟K中添加不同部分的內(nèi)容,但是要編輯好此過程不簡單。
產(chǎn)品元數(shù)據(jù)
解決此問題的一種方法是采用metafields。
“metadata”是一種關(guān)于數(shù)據(jù)的數(shù)據(jù)。在Shopify中,“metafields”是元數(shù)據(jù)的一種形式,用于給產(chǎn)品、客戶和訂單等對象添加自定義字段。Metafields可用于存儲(chǔ)專業(yè)信息,例如零件號、客戶標(biāo)題或博客文章摘要。
可以通過Shopify應(yīng)用程序編程界面使用代碼創(chuàng)建和編輯Shopify產(chǎn)品元數(shù)據(jù),另外也可以通過使用其他的應(yīng)用程序。比較熱門的有:
(1)Metafields Manager,
(2)Metafields Guru,
(3)Metafields Custom Field Editor,
(4)Metafields Editor。
使用元數(shù)據(jù)
下面舉個(gè)例子,說明一下賣家如何使用元數(shù)據(jù)將自定義信息添加到Shopify產(chǎn)品詳細(xì)信息頁面中。
在此示例中,使用的Shopify主題是網(wǎng)站遷移項(xiàng)目的一部分。目標(biāo)是復(fù)制并替換賣方現(xiàn)有的WordPress主題。
使用Metafields Manager應(yīng)用程序。(本文中的某些詳細(xì)信息特定于該應(yīng)用)
最初的WordPress主題在每個(gè)產(chǎn)品詳細(xì)信息頁面上都有多個(gè)部分,包括圖像和視頻。它還包括三個(gè)附加區(qū)域:第二個(gè)產(chǎn)品圖像部分,購物車按鈕下方的物流信息以及規(guī)格列表和其他信息。 這些其他區(qū)域可能很難通過標(biāo)準(zhǔn)Shopify產(chǎn)品字段添加。
在標(biāo)準(zhǔn)的Shopify產(chǎn)品詳細(xì)信息頁面中,添加其他部分(例如其他照片、物流信息和規(guī)格)可能很困難。 下部箭頭左側(cè)的消息顯示為“ SHIPS AT THE END OF FEBRUARY 2020” (“ 2020年2月末發(fā)貨”)
商家需要一種方法來將所有這些信息顯示在產(chǎn)品詳細(xì)信息頁面上,并且不會(huì)超出規(guī)定的描述字段數(shù)值。 先從其他物流信息開始。
Metafields Manager應(yīng)用程序
首先,要安裝Metafields Manager應(yīng)用程序。
使用Metafields Manager應(yīng)用或類似程序添加全局元數(shù)據(jù)
接下來,轉(zhuǎn)到已安裝的應(yīng)用程序,然后單擊“Edit your Metafield Configuration”鏈接去創(chuàng)建產(chǎn)品元數(shù)據(jù)。 一旦添加了全局元數(shù)據(jù),站點(diǎn)上的每個(gè)產(chǎn)品都會(huì)顯示它。
按照這個(gè)主題,添加一個(gè)“ shipping_message”全局產(chǎn)品元數(shù)據(jù)。
元數(shù)據(jù)設(shè)置為字符串類型,即文本
接下來,轉(zhuǎn)到管理面板中的產(chǎn)品管理頁面。在頁面頂部附近,看到“More actions”,下拉菜單。
使用“More actions”下拉菜單訪問此特定應(yīng)用程序的元數(shù)據(jù)
在此菜單下,找到一個(gè)鏈接,上面寫著“Add Metafields to Product.”。結(jié)果頁面將在視圖中顯示該產(chǎn)品可用的所有全局元數(shù)據(jù)。示例主題 “shipping_message”元數(shù)據(jù)在列表的底部。添加一條自定義消息“SHIPS AT THE END OF FEBRUARY 2020”(此商品是可預(yù)訂的)。
列表底部的“ shipping_message”元數(shù)據(jù)包含一個(gè)自定義消息“SHIPS AT THE END OF FEBRUARY 2020”
主題編輯
Shopify的模板語言稱為Liquid。開發(fā)人員使用它可以輕松地在Shopify主題添加變量或控件結(jié)構(gòu)。
要將運(yùn)輸消息添加到主題,可以導(dǎo)航到產(chǎn)品詳細(xì)信息頁面此部分的主題文件中,放置代碼以顯示元數(shù)據(jù)。
{{ product.metafields["global"]["shipping_message"] }}
花括號指示Liquid新語句開始或結(jié)束。
產(chǎn)品是指產(chǎn)品對象,而元數(shù)據(jù)是該對象的屬性。
當(dāng)購物者訪問該頁面時(shí),此代碼的作用就是顯示每個(gè)產(chǎn)品的物流信息。物流信息與標(biāo)準(zhǔn)產(chǎn)品描述是分開的,如果沒有元數(shù)據(jù),很難添加該信息。
物流消息顯示在產(chǎn)品詳細(xì)信息頁面上,獨(dú)立于標(biāo)準(zhǔn)產(chǎn)品說明
對于此主題,物流信息僅在產(chǎn)品已預(yù)訂時(shí)適用。庫存時(shí),該消息將顯示為“IN STOCK & SHIPS IMMEDIATELY ”(“立即庫存和裝運(yùn)”)。
這是Liquid中用于管理消息傳遞的代碼。
<div class="ships_description text-center">
<img src="{{'truck.png' | asset_url }}">
{% if current.inventory_quantity <= 0 %}
<span>{{ product.metafields["global"]["shipping_message"] }}</span>
{% else %}
<span>IN STOCK & SHIPS IMMEDIATELY</span>
{% endif %}
</div>
注意,該代碼檢查庫存中是否存在零個(gè)或更少的數(shù)量。如果是,它會(huì)顯示元數(shù)據(jù)消息:“SHIPS AT THE END OF FEBRUARY 2020 ”(“ 2020年2月末發(fā)貨”)。否則,將顯示標(biāo)準(zhǔn)消息“IN STOCK & SHIPS IMMEDIATELY ”(“現(xiàn)貨和船上交貨”)。
關(guān)與產(chǎn)品詳細(xì)信息頁面上的每個(gè)元數(shù)據(jù)的設(shè)置,重復(fù)上述步驟即可。(藍(lán)海億觀網(wǎng)egainnews)文末掃碼入群,對接跨境電商優(yōu)質(zhì)資源。不得擅自改寫、轉(zhuǎn)載、復(fù)制、裁剪和編輯全部或部分內(nèi)容,請聯(lián)系我們授權(quán)。
版權(quán)說明:藍(lán)海億觀網(wǎng)倡導(dǎo)尊重與保護(hù)知識產(chǎn)權(quán),未經(jīng)許可不得用于商業(yè)活動(dòng)。如當(dāng)前文章存在版權(quán)問題,請聯(lián)系客服申訴處理。
藍(lán)海億觀網(wǎng)跨境賣家交流群!
跨境24H頭條資訊,關(guān)注跨境平臺最新政策推送行業(yè)最新動(dòng)態(tài)。
全球跨境市場分析、電商政策及選品思維邏輯解讀。
知名跨境大賣財(cái)報(bào)分析,真實(shí)案例分析站內(nèi)站外引流促單實(shí)操技巧!
掃碼入群,與同行共贏
留點(diǎn)想法
評論列表(0條)
藍(lán)海億觀網(wǎng)2021-08-10
藍(lán)海億觀網(wǎng)2020-07-22
藍(lán)海億觀網(wǎng)2019-08-13
藍(lán)海億觀網(wǎng)2021-11-22
藍(lán)海億觀網(wǎng)2020-05-21
藍(lán)海億觀網(wǎng)2022-01-15
藍(lán)海億觀網(wǎng)2020-01-15
藍(lán)海億觀網(wǎng)2025-05-30