【Shopify】如何使用Metafields元字段豐富Shopify店鋪產(chǎn)品裝修？

【Shopify】如何使用Metafields元字段豐富Shopify店鋪產(chǎn)品裝修？

我們在裝修的時候，可以使用以下的板塊，來豐富我們的網(wǎng)站風(fēng)格和內(nèi)容。但如果我們直接使用，會發(fā)現(xiàn)這些板塊會同步到其他產(chǎn)品，如果內(nèi)容適合所有的產(chǎn)品還好，可以直接使用。如果內(nèi)容不適合其他產(chǎn)品，就會讓內(nèi)容很不搭配。

比如我們在使用Multirow板塊的時候，我們設(shè)置了一個產(chǎn)品的Multirow。如下圖

其他產(chǎn)品也會同步，本身這個產(chǎn)品是藍牙耳機，但是同步之后，Multirow板塊出現(xiàn)的是智能手表。就會導(dǎo)致內(nèi)容很不搭配?？墒沁@個板塊的樣式很好，又想使用，那怎么辦呢？

就可以使用Metafields元字段，Metafields元字段可以更好的自定義。比如下圖，我們使用元字段之后，這個藍牙耳機的Multirow板塊部分的內(nèi)容就是藍牙耳機的介紹，同時還不影響其他產(chǎn)品的Multirow板塊。

我們下面介紹下元字段作用于Shopify店鋪產(chǎn)品裝修的使用。我們以Multirow板塊的為例，將Image、Heading、Text這三個部分內(nèi)容進行元字段設(shè)置。這篇文章是以Multirow板塊的為例，其他板塊涉及到元字段的設(shè)置，邏輯是一樣的，大家一定要融會貫通，切記刻板操作。如果跟著操作，看不懂某些步驟設(shè)置的含義，可以仔細看完一遍，然后再操作。

1.打開Shopify商家后臺

2.點擊左下角Settings

3.點擊Custom data

4.點擊Products。因為我們這次使用元字段是作用于Products部分的，所以選擇Products，如果是作用于其他部分，選擇對應(yīng)的即可。

5.點擊Add definition

6.在Name欄輸入multirow.image1。這里的名稱主要是標記作用，multirow是板塊名稱，image1是這個板塊的第一張圖片

7.點擊multirow.image1

8.點擊Select type

9.因為要用到圖片，所以，我們選擇File

10.因為只需要用到圖片，不需要用到視頻，我們可以把Videos取消掉

11.點擊Save

12.繼續(xù)添加，點擊Add definition。前面我們也說過要設(shè)置Multirow板塊的Image、Heading、Text這三個部分，剛才我們設(shè)置了Image1，我們現(xiàn)在設(shè)置Heading1。

13.在Name欄輸入multirow.heading1。這里的名稱主要是標記作用，multirow是板塊名稱，heading1是這個板塊的第一個標題。

14.點擊multirow.heading1

15.點擊Select type

16.Heading是標題文本內(nèi)容，我們可以選擇Single line text

17.Minimum character count最小字符數(shù)我們可以設(shè)置1，Maximum character count最大字符數(shù)我們可以設(shè)置10000。這個是設(shè)置Single line text的字符數(shù)量，字符數(shù)夠用就行。

18.點擊Save

19.繼續(xù)添加，點擊Add definition。前面我們也說過要設(shè)置Multirow板塊的Image、Heading、Text這三個部分，剛才我們設(shè)置了Image1、Heading1，我們現(xiàn)在設(shè)置Text1。

20.在Name欄輸入multirow.text1。這里的名稱主要是標記作用，multirow是板塊名稱，text1是這個板塊的第一段文本。

21.點擊multirow.text1

22.點擊Select type

23.Text是較多文本的部分，我們可以選擇Rich text

24.點擊Save

25.這樣我們就設(shè)置了Multirow板塊Image、Heading、Text這三個部分的元字段。但是是Row1，所以我們用image1、heading1、text1來進行標記和區(qū)分。

26.點擊右上角的關(guān)閉

27.點擊Products，我們下面要到產(chǎn)品部分，分別對每個產(chǎn)品進行設(shè)置

28.點擊第一個產(chǎn)品

29.往下滑動，找到Metafields。在multirow.image1后面部分的框里點擊

30.點擊Select image

31.點擊Add images

32.選擇這個產(chǎn)品目標圖片，點擊打開

33.圖片上傳完，點擊Done

34.在multirow.heading1后面部分的框里點擊

35.輸入這個產(chǎn)品目標標題文本

36.在multirow.text1后面部分的框里點擊

37.輸入這個產(chǎn)品目標文本內(nèi)容

38.空白處點擊一下

39.這個產(chǎn)品的image1、heading1、text1就輸入完成了

40.點擊Save

41.點擊產(chǎn)品返回鍵

42.選擇第二個產(chǎn)品。

43.往下滑動，找到Metafields。在multirow.image1后面部分的框里點擊

44.點擊Select image

45.點擊Add images

46.上傳這個產(chǎn)品目標圖片，點擊Done

47.在multirow.heading1后面部分的框里點擊

48.輸入這個產(chǎn)品目標標題文本

49.在multirow.text1后面部分的框里點擊

50.輸入這個產(chǎn)品目標文本內(nèi)容

51.空白處點擊一下

52.這個產(chǎn)品的image1、heading1、text1就輸入完成了

53.點擊Save。我們這里以兩個產(chǎn)品為例（智能手表和藍牙耳機），如果產(chǎn)品較多，以此類推，參考第28步到第40步，進行剩余產(chǎn)品元字段部分的操作。所有產(chǎn)品操作完，再進行下面的步驟，如果之后新上產(chǎn)品，也要記得此產(chǎn)品Metafields元字段部分的操作。

54.點擊Online Store

55.在Themes處

56.點擊Customize

57.打開一個產(chǎn)品，隨便一個產(chǎn)品就可以

58.點擊Add Section

59.點擊Multirow。我們這篇文章是以Multirow板塊的為例，其他板塊涉及到元字段的設(shè)置，邏輯是一樣的，大家一定要融會貫通，切記刻板操作。

60.在Multirow點擊第一個Row或在產(chǎn)品頁面點擊Multirow的第一個Row部分

61.在Image部分點擊右側(cè)Connect dynamic source

62.選擇multirow.image1

63.可以看到Image部分的圖片已經(jīng)設(shè)置，但是因為圖片自適應(yīng)的問題，導(dǎo)致部分文字被遮擋。

64.我們點擊Multirow進行圖片調(diào)整。如果您的圖片沒有上面文字遮擋問題，可以不用進行調(diào)整。

65.在Image height部分，點擊Medium

66.點擊Adapt to image

67.可以看到現(xiàn)在的圖片里文字沒有被遮擋了

68.我們繼續(xù)第一個Row部分的操作。在Multirow點擊第一個Row或在產(chǎn)品頁面點擊Multirow的第一個Row部分

69.我們可以把不需要展示的內(nèi)容進行刪除，比如Caption。如果設(shè)置，可以用元字段操作，一定要理解邏輯。

70.在Heading部分點擊右側(cè)Connect dynamic source

71.選擇multirow.heading1

72.在Heading部分，把其他不需要展示的內(nèi)容刪去。可以查看左側(cè)的預(yù)覽效果

73.在Text部分點擊右側(cè)Connect dynamic source

74.選擇multirow.text1

75.在Text部分，把其他不需要展示的內(nèi)容刪去?？梢圆榭醋髠?cè)的預(yù)覽效果

76.我們可以把不需要展示的內(nèi)容進行刪除，比如Button label。如果所有產(chǎn)品設(shè)置一樣的按鍵，可以直接設(shè)置。如果設(shè)置不一樣的按鍵內(nèi)容，可以用元字段操作，一定要理解邏輯。

77.點擊左側(cè)的Multirow

78.可以對Multirow板塊進行展示設(shè)置

79.如果需要調(diào)整Multirow板塊位置，鼠標放在Multirow上，會出現(xiàn)六個點。按住六個點，進行上下拖動進行位置調(diào)整。

80.點擊Save進行保存

81.在Online Store處點擊小眼睛圖標，進行網(wǎng)站預(yù)覽

82.分別打開不同產(chǎn)品，可以看到Multirow板塊部分已經(jīng)和主產(chǎn)品內(nèi)容保持一致。

83.其他產(chǎn)品也是，不會出現(xiàn)全部是一樣的內(nèi)容。

84.我們下面進行Multirow板塊第二個Row部分的設(shè)置

85.在網(wǎng)站后臺點擊Settings>Custom data>Add definition

86.按第4步到第24步操作，進行設(shè)置multirow.image2、multirow.heading2、multirow.text2。設(shè)置完如下圖。

87.按第27步到第40步操作，每個產(chǎn)品設(shè)置multirow.image2、multirow.heading2、multirow.text2部分內(nèi)容。

88.設(shè)置完，如下圖

89.其他產(chǎn)品相同操作，進行設(shè)置multirow.image2、multirow.heading2、multirow.text2部分內(nèi)容。

90.在Customize自定義裝修部分，隨便打開一個產(chǎn)品頁面后，在Multirow點擊第二個Row或在產(chǎn)品頁面點擊Multirow的第二個Row部分

91.分別對第二個Row部分的Image、Heading、Text進行操作?？梢詤⒖嫉?1步到第76步。

92.設(shè)置完，如下圖

93.點擊Save進行保存

94.可以到網(wǎng)站預(yù)覽下效果，Multirow板塊第二個Row部分已設(shè)置完成。如下圖

95.其他產(chǎn)品也是，不會出現(xiàn)全部是一樣的內(nèi)容。

96.然后是第三個Row部分，第三個Row部分操作和前兩個Row部分操作是一樣的。我們就不接著演示了，我們演示下，如何把第三個Row刪除。

97.在Customize自定義裝修部分，隨便打開一個產(chǎn)品頁面后，在Multirow點擊第三個Row或在產(chǎn)品頁面點擊Multirow的第三個Row部分

98.點擊右下角的Remove block

99.點擊Save

100.可以到網(wǎng)站上看下效果，每個產(chǎn)品的內(nèi)容是保持一致的。

101.其他產(chǎn)品內(nèi)容也保持一致

102.這篇文章是以Multirow板塊的為例，講解了元字段，其他板塊涉及到元字段的設(shè)置，邏輯是一樣。此教程涉及到Metafields元字段部分內(nèi)容，操作等級較高階、較復(fù)雜，其實知識就是會了不難，不會，就感覺很難，看不懂。大家一定要融會貫通、理解邏輯、多操作、多思考。如果理解或操作有困難，可以聯(lián)系博主進行指導(dǎo)。另外博主有一篇【Shopify】Shopify產(chǎn)品描述可折疊行如何設(shè)置？也涉及到Metafields元字段操作，可以和本文一起學(xué)習(xí)。

（圖片來源：Shopify后臺截圖）

（來源：公眾號：跨境出海實操干貨）

以上內(nèi)容屬作者個人觀點，不代表雨果跨境立場！本文經(jīng)原作者授權(quán)轉(zhuǎn)載，轉(zhuǎn)載需經(jīng)原作者授權(quán)同意。?