商店設定｜前台選單管理介紹

在電子商務中，選單扮演著舉足輕重的角色，為您的商店呈現出各種分類項目。除了是商家用來介紹自己的品牌與商品外，更能快速引導顧客找到相對應的頁面，獲得即時的資訊。因此 WACA 新增了「選單管理」功能，這篇文章將就「選單管理」提供相關介紹讓您更加了解應用方式。

請點擊下方連結可快速到達指定段落

1.「選單類別」說明

2.新增分類與自訂頁面和選單的連動規則

3.「選單設定」介紹

3-1.上方選單

3-2.左側選單

3-3.選單項目顯示

3-3-1.主選單項目顯示/隱藏

3-3-2.子選單項目顯示/隱藏

3-3-3.手機裝置選單項目顯示/隱藏

4.「選單類別」顯示說明

  4-1. 行銷活動

  4-2 .訂閱購

  4-3 .文章管理

5.「選單排序」調整方式

  5-1. 商品分類排序調整

  5-2 .促銷活動排序調整

  5-3 .組合活動排序調整

  5-4 .部落格排序調整

6.選單樣式設定

6-1.上方選單樣式設定

6-1-1.主選單設定

6-1-2.子選單設定

6-1-3.選單固定效果

6-2.左側選單樣式設定

7.「選單管理」權限設定位置

1.選單類別

「商店設定」➜ 「選單管理」中可管理的類別包括:首頁、關於、商品分類(包括全部商品、訂閱購)、促銷活動、組合活動、文章管理(部落格與自訂頁面)..等，以上類別都可以由選單管理中調整前台顯示與排序
(選單管理的編輯請從電腦版進行操作，目前不支援行動裝置操作此設定)

選單類別前台呈現畫面範例

2.新增商品分類與自訂頁面和選單的連動規則

當您在「商品登錄」➜「商品分類」中新增了一個分類，以及在「文章管理」➜「自訂頁面」中新增了一篇公告或說明。新增的項目將會連動到選單管理的類別中。出現位置會是在選單列表最後面的排序來依序增加。調整順序方式請依上述說明進行調整。另外，在上方、左方顯示的部分會預設為關閉(如要進行顯示，請務必將之開啟) 

3.選單設定介紹

3-1.上方選單

商店前台欲呈現上方選單，請至商店佈景→全域設定→HD頁首元件中選擇

• Silver版本：HD01、HD02 

• Gold版本(有子選單)：HD03、HD04

選擇頁首元件 HD01、HD02 ，不會顯示子選單

選擇頁首元件 HD03、HD04， 有收合子選單的功能，當滑鼠移到「下拉選單符號」上方時，可以顯示子選單

3-2.左側選單

進入商店設定→選單管理，

選單設定的「左側選單」開關，主要設定在商店的商品分類頁，是否要顯示左側選單

• 開啟：前台頁面出現左方選單

• 關閉：前台頁面不會出現左方選單

當開啟左側選單時，商品分類頁面中，點選「>」的位置，可以下拉開啟第二層分類

3-3.選單項目顯示

3-3-1.主選單項目顯示/隱藏

欲設定主選單項目在前台是否顯示在「上方選單」或「左側選單」

請至商店設定→選單管理中的「選單排序」，開啟顯示或隱藏開關

選單顯示也能針對個別的「選單類別」來設定前台顯示或隱藏

• 範例說明

首頁：關閉上方、左方選單→首頁將不會出現在前台的任何選單中  

全部商品：關閉左方選單→全部商品只會出現在上方選單

這是門市資訊、這是我的部落格：關閉上方選單→自訂頁面與部落格只會出現在左方選單

呈現方式如下方圖片所示：

3-3-2.子選單項目顯示/隱藏

欲關閉選單中的子選單項目時，可直接將子選單項目「隱藏」即可

當子選單項目為隱藏時，上方選單與左方選單的子選單都不會顯示

若主選單的上方與左方選單為「隱藏」，則商店前台的主選單+子選單都不會顯示

3-3-3.手機裝置選單項目顯示/隱藏

請注意在手機裝置的部分，為了維護使用者在瀏覽時的優質體驗，因此都只會顯示左側選單

欲關閉手機左側選單的項目，請將左方選單項目調整為「隱藏」

4.選單類別設定顯示說明

4-1.行銷活動顯示說明

在選單管理中已經開啟了行銷活動的選單顯示(促銷活動、組合活動)，

但是在前台沒有看到相關的分類選單時，該如何確認呢? 以下將為您說明

請您至「行銷推廣」➜「促銷活動」與 「組合活動」設定頁面中確認活動開關是否開啟，如果這邊是關閉的，這樣就算在選單管理中開啟顯示，前台也不會出現喔

因此開啟選單管理的「選單顯示」+開啟相關活動開關，促銷與組合活動就會出現在前台

4-2.訂閱購

當您選單管理中已經開啟訂閱購的顯示功能，但在前台沒有看到相關的分類選單時，

請您至「訂閱購」➜「訂閱類型」，確認是否有勾選開啟自動訂閱或週期訂閱

也就是說:需要勾選訂閱購「訂閱類型」+開啟選單管理的「選單顯示」才會出現在前台

4-3.文章管理

當您在選單管理中已經開啟部落格或自訂頁面的顯示功能，但在前台沒有看到相關的分類選單時，

請您至「文章管理」➜「部落落格」(或自訂頁面)，確認列表文章有將前台顯示開啟。

簡單來說:部落格與自訂頁面要同時開啟「前台顯示」+「選單顯示」才會出現在前台喔 

5.選單排序調整方式

5-1.商品分類排序調整

主分類選單排序說明

選單的分類可以依需求進行排序的調整，使用滑鼠在雙箭頭處上下拖拉選單即可調整項目間的排序，移動至您要的位置，放開滑鼠後會自動儲存更新。  下方為選單排序調整範例說明: 

子分類選單排序調整

在「選單管理」的排序中，只能進行主分類的順序移動，因此子分類旁邊沒有調整位置的雙箭頭鈕。當我們想要調整子分類順序的時候，請依照以下說明進行。

進入「商品登錄」➜「商品分類」➜找到要調整順序的子分類進行排序的調整，

調整後系統自動儲存並連動「選單管理」的排序。

請注意:

商品分類中調整「子分類」順序，將會連動「選單管理」的子分類排序

商品分類中調整「主分類」順序，不會連動「選單管理」的主分類排序 

5-2.促銷活動排序調整

前台的選單中，促銷活動內如有數個活動進行中(任選或紅配綠)，可以下拉選單看到活動名稱，若想更改活動的排序顯示，請至「行銷推廣」➜「促銷活動」，由雙箭頭處拖拉調整活動的排序位置，調整後會自動儲存，並於前台立即更新

5-3.組合活動排序調整

前台的選單中，組合活動內如有數個活動進行中，可以下拉選單看到活動名稱，若想更改活動的排序顯示，請至「行銷推廣」➜「組合活動」，由雙箭頭處拖拉調整活動的排序位置，調整後會自動儲存，並於前台立即更新

5-4.部落格排序調整

當部落格有設定部落格分類，前台選單下拉可看到分類的名稱

若想更改部落格分類的排序顯示，請至「文章管理」➜「部落格」，點選任一篇文章中進入編輯，可看到已設定的部落格分類，由雙箭頭處拖拉調整分類的排序位置，調整後會自動儲存，並於前台立即更新

6.選單樣式設定

6-1.上方選單樣式設定

6-1-1.主選單設定

欲修改上方選單的主選單樣式，請至商店佈景→全域設定→HD頁首元件→元件設定中的「桌機選單管理」中調整

此處可以設定商店主選單在桌機畫面呈現的文字大小及顏色，左側可以即時預覽

• 主選單文字大小：可選擇文字為最小、小、中、大
• 主選單文字對齊：可選擇文字靠左、置中、靠右

• 主選單文字顏色：文字直接呈現的顏色
• 主選單選取顏色：有兩種時機呈現，分別為「當滑鼠移到分類上方」、「停留在特定商品頁時，頁面所屬的選單項目」會以選取顏色呈現，
  例如：此頁面所在位置為【男女服飾】，因此【男女服飾】會以主選單選取顏色呈現

在選擇顏色時，可以拖曳滑桿選取，或是輸入色號

• 主選單背景顏色：為選單背景的顏色，若想移除背景顏色，可以移動滑桿至最左，透明度調為0
  

6-1-2.子選單設定

選擇頁首元件 HD03、HD04 有收合子選單的功能

欲修改子選單樣式，請至商店佈景→全域設定→HD頁首元件→元件設定中的「桌機選單管理」中調整

• 子選單文字大小：可選擇文字為最小、小、中、大
• 子選單文字顏色：文字直接呈現的顏色
• 子選單選取顏色：有兩種時機呈現，分別為「當滑鼠移到分類上方」、「停留在特定商品頁時，頁面所屬的選單項目」會以選取顏色呈現。
  例如：此頁面為【男女服飾】中的女士頁面，因此「女士」會以子選單選取顏色呈現。
• 子選單背景顏色：子選單背景顯示的顏色
  

6-1-3.選單固定效果

選擇頁首元件 HD03、HD04 有「選單固定效果」功能，讓消費者瀏覽網站頁面時，方便切換選單，請於預覽時查看效果呈現喔

文字說明	釘選頂端	上滑時釘選頂端
效果說明	不論下滑到哪個頁面，選單皆會釘選於畫面頂端	上滑瀏覽時，選單會出現在畫面頂端
前台畫面呈現

6-2.左側選單樣式設定

「左側選單」的樣式呈現顏色，請至商店佈景→全域設定→PD商品分類頁中

選完商品分類頁的元件(PD01、PD02、PD03、PD04)後

在該元件設定的樣式管理→左側選單中，修改選取與未選取顏色，最後點選右下角「套用」

7.選單管理權限設定位置

新增的選單管理功能，在權限的設定上預設為關閉，點選該頁籤會跳出相關提醒 

當商店管理者(主帳號人員)要讓子帳號有進行選單管理的權限時，請依以下路徑進入開啟權限後即可使用。

「賣家中心」➜「帳號管理」➜「編輯」➜

「商店設定」中展開權限選單➜開啟「選單管理」權限➜儲存

「選單管理」可依您的需求進行各種分類選單的前台顯示與排序位置的調整，讓您能更有彈性的管理選單的操作，是非常便捷實用的一項功能