點擊公眾號·關注我們

      【Shopify】如何給不同的頁面設置不同的自定義內容?

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

      此教程不光可以應用在Pages,還可以應用在Products、Collections、Blogs等地方。關于此功能的演示,也可參考【Shopify】同一個類型層級,如何讓頁面自定義模板?使用不同模塊?這篇文章。以下是如何給不同的頁面設置不同的自定義內容教程??梢匀恼驴赐暝俨僮鳎欢ㄒ斫獠僮鬟壿嫞胁豢伤腊宀僮?。


      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,這里主要是區分辨識的,防止之后操作弄混

      9.點擊Create template

      10.打開Shopify商家后臺

      11.點擊Online Store

      12.點擊Pages

      13.點擊Add page

      14.輸入標題,比如我們現在正在制作的About Us

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

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

      17.選擇剛才在自定義裝修創建的about us

      18.點擊Save

      19.點擊Navigation

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

      21.點擊Add menu item

      22.點擊Search or past a link

      23.點擊Pages

      24.選擇剛才在Pages創建的About Us

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

      26.點擊Add

      27.拖動六個點,可上下移動到目標排序位置

      28.點擊Save menu

      29.點擊Themes

      30.點擊Customize

      31.點擊菜單欄里的About Us

      32.可以看到現在About Us頁面是空的。點擊Add section,可以對此頁進行裝飾,自定義內容

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

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

      35.對Slideshow模塊進行設置,比如如下圖。

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

      37.點擊Save進行保存

      38.這個About Us頁面演示就是這樣,但我們往往還需要自定義其他頁面。我們再用一個頁面進行演示下,好方便大家橫向對比。打開Shopify網站后臺

      39.點擊Online Store

      40.點擊Themes

      41.點擊Customize

      42.點擊最頂部的Home page

      43.點擊Pages

      44.點擊Create template

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

      46.點擊Create template

      47.打開Shopify商家后臺

      48.點擊Online Store

      49.點擊Pages

      50.點擊Add page

      51.輸入標題,比如我們現在正在制作的Service

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

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

      54.選擇剛才在自定義裝修創建的service

      55.點擊Save進行保存

      56.點擊Navigation

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

      58.點擊Add menu item

      59.點擊Search or paste a link

      60.點擊Pages

      61.選擇剛才在Pages創建的Service

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

      63.點擊Add

      64.可拖動6個點上下調整展示排序位置

      65.點擊Save menu

      66.點擊Theme

      67.點擊Customize

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

      69.可以看到現在Service頁面是空的。點擊Add section,可以對此頁進行裝飾,自定義內容

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

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

      72.對Slideshow模塊進行設置,比如如下圖。

      73.可以對其他模塊進行設置,我這里只做演示,就不繼續豐富Service此頁面了

      74.點擊Save進行保存

      75.然后我們回到網站前端,分別對剛才設置的About Us和Service進行查看。點擊菜單欄部分的About Us

      76.這是About Us頁面內容

      77.點擊菜單欄部分的Service

      78.這是Service頁面內容

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

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

      長按識別二維碼

      入群找組織

      一線實戰干貨分享

      助力國貨品牌出海

      入群:

      獨立站,Shopify,

      Google,Facebook,Tiktok,Bing等交流群

      每日跨境資訊分享

      建站:

      Shopify電商網站,外貿網站

      開戶:

      Google,Facebook,TikTok,Bing等廣告開戶

      代投:

      Google,Facebook,TikTok,Bing廣告代投

      培訓:

      Google,Facebook,TikTok,Bing廣告培訓

      解封:

      谷歌廣告賬戶,GMC賬戶

      歡迎大家添加群主微信:luludbz


      點贊(0) 打賞

      評論列表 共有 0 條評論

      暫無評論

      服務號

      訂閱號

      備注【拉群】

      商務洽談

      微信聯系站長

      發表
      評論
      立即
      投稿
      返回
      頂部