商店設定|前台選單管理介紹
最後更新 2023-08-30

在電子商務中,選單扮演著舉足輕重的角色,為您的商店呈現出各種分類項目。除了是商家用來介紹自己的品牌與商品外,更能快速引導顧客找到相對應的頁面,獲得即時的資訊。因此 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.選單類別

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

WACA 網路商店選單管理選單類別

 

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

WACA 網路商店選單類別畫面

 

 

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.商品分類排序調整

主分類選單排序說明

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

WACA 網路商店主分類選單排序調整

 

子分類選單排序調整

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

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

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

請注意:

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

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

WACA 網路商店子分類選單排序調整

 

 

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.選單管理權限設定位置

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

選單管理權限設定說明

 

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

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

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

選單管理權限編輯步驟介紹

 

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

 

elearning

 

馬上預約諮詢,整合線下與線上商機
您有興趣的內容
必填
您的姓名
必填
連絡電話
必填
電子信箱
必填
目前使用什麼工具進行預約管理
必填
服務類型與產業別
必填
商店規模
必填
公司/商店名稱
所在區域
專人諮詢
預約專人諮詢
馬上免費註冊