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

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

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

比如我們在使用Multirow板塊的時候，我們設置了一個產品的Multirow。如下圖

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

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

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

1.打開Shopify商家后臺

2.點擊左下角Settings

3.點擊Custom data

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

5.點擊Add definition

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

7.點擊multirow.image1

8.點擊Select type

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

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

11.點擊Save

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

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

14.點擊multirow.heading1

15.點擊Select type

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

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

18.點擊Save

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

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

21.點擊multirow.text1

22.點擊Select type

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

24.點擊Save

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

26.點擊右上角的關閉

27.點擊Products，我們下面要到產品部分，分別對每個產品進行設置

28.點擊第一個產品

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

30.點擊Select image

31.點擊Add images

32.選擇這個產品目標圖片，點擊打開

33.圖片上傳完，點擊Done

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

35.輸入這個產品目標標題文本

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

37.輸入這個產品目標文本內容

38.空白處點擊一下

39.這個產品的image1、heading1、text1就輸入完成了

40.點擊Save

41.點擊產品返回鍵

42.選擇第二個產品。

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

44.點擊Select image

45.點擊Add images

46.上傳這個產品目標圖片，點擊Done

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

48.輸入這個產品目標標題文本

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

50.輸入這個產品目標文本內容

51.空白處點擊一下

52.這個產品的image1、heading1、text1就輸入完成了

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

54.點擊Online Store

55.在Themes處

56.點擊Customize

57.打開一個產品，隨便一個產品就可以

58.點擊Add Section

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

60.在Multirow點擊第一個Row或在產品頁面點擊Multirow的第一個Row部分

61.在Image部分點擊右側Connect dynamic source

62.選擇multirow.image1

63.可以看到Image部分的圖片已經設置，但是因為圖片自適應的問題，導致部分文字被遮擋。

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

65.在Image height部分，點擊Medium

66.點擊Adapt to image

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

68.我們繼續第一個Row部分的操作。在Multirow點擊第一個Row或在產品頁面點擊Multirow的第一個Row部分

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

70.在Heading部分點擊右側Connect dynamic source

71.選擇multirow.heading1

72.在Heading部分，把其他不需要展示的內容刪去?？梢圆榭醋髠鹊念A覽效果

73.在Text部分點擊右側Connect dynamic source

74.選擇multirow.text1

75.在Text部分，把其他不需要展示的內容刪去?？梢圆榭醋髠鹊念A覽效果

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

77.點擊左側的Multirow

78.可以對Multirow板塊進行展示設置

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

80.點擊Save進行保存

81.在Online Store處點擊小眼睛圖標，進行網站預覽

82.分別打開不同產品，可以看到Multirow板塊部分已經和主產品內容保持一致。

83.其他產品也是，不會出現全部是一樣的內容。

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

85.在網站后臺點擊Settings>Custom data>Add definition

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

87.按第27步到第40步操作，每個產品設置multirow.image2、multirow.heading2、multirow.text2部分內容。

88.設置完，如下圖

89.其他產品相同操作，進行設置multirow.image2、multirow.heading2、multirow.text2部分內容。

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

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

92.設置完，如下圖

93.點擊Save進行保存

94.可以到網站預覽下效果，Multirow板塊第二個Row部分已設置完成。如下圖

95.其他產品也是，不會出現全部是一樣的內容。

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

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

98.點擊右下角的Remove block

99.點擊Save

100.可以到網站上看下效果，每個產品的內容是保持一致的。

101.其他產品內容也保持一致

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

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

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

以上內容屬作者個人觀點，不代表雨果跨境立場！本文經原作者授權轉載，轉載需經原作者授權同意。?