在電子商務中,選單扮演著舉足輕重的角色,為您的商店呈現出各種分類項目。除了是商家用來介紹自己的品牌與商品外,更能快速引導顧客找到相對應的頁面,獲得即時的資訊。因此 WACA 新增了「選單管理」功能,這篇文章將就「選單管理」提供相關介紹讓您更加了解應用方式。
請點擊下方連結可快速到達指定段落
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.選單管理權限設定位置
新增的選單管理功能,在權限的設定上預設為關閉,點選該頁籤會跳出相關提醒
當商店管理者(主帳號人員)要讓子帳號有進行選單管理的權限時,請依以下路徑進入開啟權限後即可使用。
「賣家中心」➜「帳號管理」➜「編輯」➜
「商店設定」中展開權限選單➜開啟「選單管理」權限➜儲存
「選單管理」可依您的需求進行各種分類選單的前台顯示與排序位置的調整,讓您能更有彈性的管理選單的操作,是非常便捷實用的一項功能