【Shopify】如何給不同的頁面設(shè)置不同的自定義內(nèi)容？

我們在編輯Pages的時候，如果直接在Pages設(shè)置內(nèi)容（如下圖），展示效果會不豐富。而模板有一些模塊，我們也想使用。但如果直接在自定義的對應(yīng)頁面裝修，又會影響到其他頁面也進行同步。那怎么樣既不同步也能使用模塊呢？可以查看此教程。

?

此教程不光可以應(yīng)用在Pages，還可以應(yīng)用在Products、Collections、Blogs等地方。關(guān)于此功能的演示，也可參考【Shopify】同一個類型層級，如何讓頁面自定義模板？使用不同模塊？這篇文章。以下是如何給不同的頁面設(shè)置不同的自定義內(nèi)容教程?？梢匀恼驴赐暝俨僮?，一定要理解操作邏輯，切不可死板操作。

?

1.打開Shopify商家后臺

?

2.點擊Online

?

3.在Themes處

?

4.點擊Customize

?

5.點擊最頂部的Home page

?

6.比如我們要自定義化Pages，就選擇Pages。如果是Products/Collections/Blogs也是適用的，可以全篇文章看完再操作，一定要理解操作邏輯，切不可死板操作。

?

7.點擊Create template

?

8.給這個Page模板命名，比如我們想自定義About Us頁面，就可以輸入about us，這里主要是區(qū)分辨識的，防止之后操作弄混

?

9.點擊Create template

?

10.打開Shopify商家后臺

?

11.點擊Online Store

?

12.點擊Pages

?

13.點擊Add page

?

14.輸入標(biāo)題，比如我們現(xiàn)在正在制作的About Us

?

15.正文內(nèi)容可以不設(shè)置，因為我們是希望使用模塊來制作頁面，所以可以不用在這里設(shè)置正文。

?

16.最主要的一步：在Theme template處，點擊Default page

?

17.選擇剛才在自定義裝修創(chuàng)建的about us

?

18.點擊Save

?

19.點擊Navigation

?

20.根據(jù)需要選擇頁腳或頁首菜單欄，我們這里以頁首菜單欄演示，點擊Main menu

?

21.點擊Add menu item

?

22.點擊Search or past a link

?

23.點擊Pages

?

24.選擇剛才在Pages創(chuàng)建的About Us

?

25.如果需要更改展示名稱，可以進行更改

?

26.點擊Add

?

27.拖動六個點，可上下移動到目標(biāo)排序位置

?

28.點擊Save menu

?

29.點擊Themes

?

30.點擊Customize

?

31.點擊菜單欄里的About Us

?

32.可以看到現(xiàn)在About Us頁面是空的。點擊Add section，可以對此頁進行裝飾，自定義內(nèi)容

?

33.有很多模塊可以使用，如果是模板不同，模塊也是不同的。

?

34.比如我們用一個模塊進行舉例，因為之后要和其他頁面進行展示對比。點擊Slideshow

?

35.對Slideshow模塊進行設(shè)置，比如如下圖。

?

36.可以對其他模塊進行設(shè)置，我這里只做演示，就不繼續(xù)豐富About Us此頁面了

?

37.點擊Save進行保存

?

38.這個About Us頁面演示就是這樣，但我們往往還需要自定義其他頁面。我們再用一個頁面進行演示下，好方便大家橫向?qū)Ρ?。打開Shopify網(wǎng)站后臺

?

39.點擊Online Store

?

40.點擊Themes

?

41.點擊Customize

?

42.點擊最頂部的Home page

?

43.點擊Pages

?

44.點擊Create template

?

45.給這個Page模板命名，比如我們想自定義Service頁面，就可以輸入service，這里主要是區(qū)分辨識的，防止之后操作弄混

?

46.點擊Create template

?

47.打開Shopify商家后臺

?

48.點擊Online Store

?

49.點擊Pages

?

50.點擊Add page

?

51.輸入標(biāo)題，比如我們現(xiàn)在正在制作的Service

?

52.正文內(nèi)容可以不設(shè)置，因為我們是希望使用模塊來制作頁面，所以可以不用在這里設(shè)置正文。

?

53.最主要的一步：在Theme template處，點擊Default page

?

54.選擇剛才在自定義裝修創(chuàng)建的service

?

55.點擊Save進行保存

?

56.點擊Navigation

?

57.根據(jù)需要選擇頁腳或頁首菜單欄，我們這里以頁首菜單欄演示，點擊Main menu

?

58.點擊Add menu item

?

59.點擊Search or paste a link

?

60.點擊Pages

?

61.選擇剛才在Pages創(chuàng)建的Service

?

62.如需更改展示名稱，可以更改

?

63.點擊Add

?

64.可拖動6個點上下調(diào)整展示排序位置

?

65.點擊Save menu

?

66.點擊Theme

?

67.點擊Customize

?

68.在菜單欄部分，點擊Service

?

69.可以看到現(xiàn)在Service頁面是空的。點擊Add section，可以對此頁進行裝飾，自定義內(nèi)容

?

70.有很多模塊可以使用，如果是模板不同，模塊也是不同的。

?

71.比如我們用一個模塊進行舉例，這樣可以About Us進行展示對比。點擊Slideshow

?

72.對Slideshow模塊進行設(shè)置，比如如下圖。

?

73.可以對其他模塊進行設(shè)置，我這里只做演示，就不繼續(xù)豐富Service此頁面了

?

74.點擊Save進行保存

?

75.然后我們回到網(wǎng)站前端，分別對剛才設(shè)置的About Us和Service進行查看。點擊菜單欄部分的About Us

?

76.這是About Us頁面內(nèi)容

?

77.點擊菜單欄部分的Service

?

78.這是Service頁面內(nèi)容

?

79.可以看到不同的頁面展示的自定義內(nèi)容是不同的。不光Pages可以使用不同的模塊進行設(shè)置，Products、Collections、Pages、Blogs等層級頁面也可以進行此操作。會讓頁面更豐富，更充分的使用模板自帶的效果和功能。大家一定要理解性操作，雖然其他層級是不同的，但操作邏輯是一樣的。關(guān)于此功能的演示，也可參考【Shopify】同一個類型層級，如何讓頁面自定義模板？使用不同模塊？這篇文章，希望能幫助大家對這個功能的理解。如有操作困難或問題，也可咨詢博主。

一線實戰(zhàn)干貨分享

助力國貨品牌出海

歡迎關(guān)注公眾號：跨境出海實操干貨