比如我們?cè)谑褂肕ultirow板塊的時(shí)候，我們?cè)O(shè)置了一個(gè)產(chǎn)品的Multirow。如下圖

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

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

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

2.點(diǎn)擊左下角Settings

3.點(diǎn)擊Custom data

4.點(diǎn)擊Products。因?yàn)槲覀冞@次使用元字段是作用于Products部分的，所以選擇Products，如果是作用于其他部分，選擇對(duì)應(yīng)的即可。

5.點(diǎn)擊Add definition

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

7.點(diǎn)擊multirow.image1

8.點(diǎn)擊Select type

9.因?yàn)橐玫綀D片，所以，我們選擇File

10.因?yàn)橹恍枰玫綀D片，不需要用到視頻，我們可以把Videos取消掉

11.點(diǎn)擊Save

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

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

14.點(diǎn)擊multirow.heading1

15.點(diǎn)擊Select type

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

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

18.點(diǎn)擊Save

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

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

21.點(diǎn)擊multirow.text1

22.點(diǎn)擊Select type

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

24.點(diǎn)擊Save

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

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

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

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

29.往下滑動(dòng)，找到Metafields。在multirow.image1后面部分的框里點(diǎn)擊

30.點(diǎn)擊Select image

31.點(diǎn)擊Add images

32.選擇這個(gè)產(chǎn)品目標(biāo)圖片，點(diǎn)擊打開

33.圖片上傳完，點(diǎn)擊Done

34.在multirow.heading1后面部分的框里點(diǎn)擊

35.輸入這個(gè)產(chǎn)品目標(biāo)標(biāo)題文本

36.在multirow.text1后面部分的框里點(diǎn)擊

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

38.空白處點(diǎn)擊一下

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

40.點(diǎn)擊Save

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

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

43.往下滑動(dòng)，找到Metafields。在multirow.image1后面部分的框里點(diǎn)擊

44.點(diǎn)擊Select image

45.點(diǎn)擊Add images

46.上傳這個(gè)產(chǎn)品目標(biāo)圖片，點(diǎn)擊Done

47.在multirow.heading1后面部分的框里點(diǎn)擊

48.輸入這個(gè)產(chǎn)品目標(biāo)標(biāo)題文本

49.在multirow.text1后面部分的框里點(diǎn)擊

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

51.空白處點(diǎn)擊一下

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

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

54.點(diǎn)擊Online Store

55.在Themes處

56.點(diǎn)擊Customize

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

58.點(diǎn)擊Add Section

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

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

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

62.選擇multirow.image1

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

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

65.在Image height部分，點(diǎn)擊Medium

66.點(diǎn)擊Adapt to image

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

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

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

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

71.選擇multirow.heading1

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

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

74.選擇multirow.text1

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

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

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

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

79.如果需要調(diào)整Multirow板塊位置，鼠標(biāo)放在Multirow上，會(huì)出現(xiàn)六個(gè)點(diǎn)。按住六個(gè)點(diǎn)，進(jìn)行上下拖動(dòng)進(jìn)行位置調(diào)整。

80.點(diǎn)擊Save進(jìn)行保存

81.在Online Store處點(diǎn)擊小眼睛圖標(biāo)，進(jìn)行網(wǎng)站預(yù)覽

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

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

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

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

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

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

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

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

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

91.分別對(duì)第二個(gè)Row部分的Image、Heading、Text進(jìn)行操作?？梢詤⒖嫉?1步到第76步。

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

93.點(diǎn)擊Save進(jìn)行保存

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

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

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

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

98.點(diǎn)擊右下角的Remove block

99.點(diǎn)擊Save

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

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

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

跨境出海交流群群主-陸路

長按識(shí)別二維碼

入群找組織