商店設定|前台選單管理介紹
最後更新 2025-01-22

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

目錄
     

 

  1. 選單類別 | 說明
  2. 新增分類與自訂頁面和選單的連動規則
  3. 選單設定 | 介紹
  4. 選單類別 | 顯示說明
  5. 選單排序 | 調整方式
  6. 選單樣式設定
  7. 選單管理 | 權限設定位置

 

 

  • 1. 選單類別

「商店設定」➜ 「選單管理」中可管理的類別包括:首頁、關於、商品分類(包括全部商品、訂閱購)、促銷活動、組合活動、推廣管理(部落格與自訂頁面)..等

以上類別都可以由選單管理中調整前台顯示與排序(選單管理的編輯請從電腦版進行操作,目前不支援行動裝置操作此設定)
WACA 網路商店選單管理選單類別

選單類別前台呈現畫面範例
WACA 網路商店選單類別畫面

 

 

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

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

 

 

  • 3. 選單設定介紹

    • 上方選單

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

    • Silver版本:HD01、HD02 
    • Gold版本(有子選單):HD03、HD04
      後台進入商店佈景商店佈景選擇頁首元件
    • 選擇頁首元件 HD01、HD02 ,不會顯示子選單
    • 選擇頁首元件 HD03、HD04, 有收合子選單的功能,當滑鼠移到「下拉選單符號」上方時,可以顯示子選單
      頁首元件有子選單

 

 

    • 左側選單

進入商店設定 ➜ 選單管理,選單設定的「左側選單」開關,主要設定在商店的商品分類頁,是否要顯示左側選單
選單設定中的左側選單

    • 開啟:前台頁面出現左方選單
      開啟左側選單
    • 關閉:前台頁面不會出現左方選單
      關閉左側選單

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

 

 

    • 選單項目顯示

   

主選單項目顯示/隱藏

 

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

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

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

    • 範例說明
      • 首頁:關閉上方、左方選單首頁將不會出現在前台的任何選單中  
      • 全部商品:關閉左方選單全部商品只會出現在上方選單
      • 這是門市資訊、這是我的部落格:關閉上方選單自訂頁面與部落格只會出現在左方選單

呈現方式如下方圖片所示:
選單類別設定前台顯示或隱藏

 

 

   

子選單項目顯示/隱藏

 

欲關閉選單中的子選單項目時,可直接將子選單項目「隱藏」即可,當子選單項目為隱藏時,上方選單與左方選單的子選單都不會顯示
子選單項目隱藏

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

 

 

   

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

 

請注意在手機裝置的部分,為了維護使用者在瀏覽時的優質體驗,因此都只會顯示左側選單;欲關閉手機左側選單的項目,請將左方選單項目調整為「隱藏」。
手機裝置選單隱藏

 

 

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

    • 行銷活動

在選單管理中已經開啟了行銷活動的選單顯示(促銷活動、組合活動),但是在前台沒有看到相關的分類選單時,該如何確認呢? 以下將為您說明:
行銷活動顯示說明

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

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

  

 

    • 訂閱購

當您選單管理中已經開啟訂閱購的顯示功能,但在前台沒有看到相關的分類選單時,請您至「商家活動」➜「訂閱購」➜「訂閱類型」,確認是否有勾選開啟自動訂閱或週期訂閱;也就是說需要勾選訂閱購「訂閱類型」+開啟選單管理的「選單顯示」才會出現在前台。
勾選訂閱購「訂閱類型」+開啟選單管理的「選單顯示」才會出現在前台

 

 

    • 推廣管理

當您在選單管理中已經開啟部落格或自訂頁面的顯示功能,但在前台沒有看到相關的分類選單時,請您至「推廣管理」➜「部落落格」(或自訂頁面),確認列表文章有將前台顯示開啟。簡單來說部落格與自訂頁面要同時開啟「前台顯示」+「選單顯示」才會出現在前台喔
推廣管理前台顯示設定

 

 

  • 5. 選單排序 | 調整方式

    • 商品分類排序調整

主分類選單排序說明

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

子分類選單排序調整

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

    • 進入「商品登錄」➜「商品分類」➜找到要調整順序的子分類進行排序的調整,調整後系統自動儲存並連動「選單管理」的排序。
    • 請注意:
      • 商品分類中調整「子分類」順序,將會連動「選單管理」的子分類排序
      • 商品分類中調整「主分類」順序,不會連動「選單管理」的主分類排序
        WACA 網路商店子分類選單排序調整

 

 

    • 促銷活動排序調整

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

  

 

    • 組合活動排序調整

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

 

 

    • 部落格排序調整

當部落格有設定部落格分類,前台選單下拉可看到分類的名稱
網路商店部落格文章排序調整步驟

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

 

 

  • 6. 選單樣式設定

    • 上方選單樣式設定

   

主選單設定

 

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

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

    • 主選單文字大小:可選擇文字為最小、小、中、大
    • 主選單文字對齊:可選擇文字靠左、置中、靠右
      主選單文字設定
    • 主選單文字顏色:文字直接呈現的顏色
    • 主選單選取顏色:有兩種時機呈現,分別為「當滑鼠移到分類上方」、「停留在特定商品頁時,頁面所屬的選單項目」會以選取顏色呈現,
      例如:此頁面所在位置為【男女服飾】,因此【男女服飾】會以主選單選取顏色呈現
      主選單文字顏色設定

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

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

 

 

   

子選單設定

 

選擇頁首元件 HD03、HD04 有收合子選單的功能,欲修改子選單樣式,請至商店佈景全域設定HD頁首元件元件設定中的「桌機選單管理」中調整
子選單樣式設定

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

 

 

   

選單固定效果

 

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

  釘選頂端 上滑時釘選頂端說明
文字說明 釘選頂端 上滑時釘選頂端
效果說明 不論下滑到哪個頁面,選單皆會釘選於畫面頂端

上滑瀏覽時,選單會出現在畫面頂端

前台畫面呈現 釘選頂端畫面呈現 上滑時釘選頂端畫面呈現

 

 

    • 左側選單樣式設定

「左側選單」的樣式呈現顏色,請至商店佈景 ➜ 全域設定 ➜ PD商品分類頁中
後台進入商店佈景

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

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

 

 

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

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

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

  • 「賣家中心」➜「帳號管理」➜「編輯」➜
  • 「商店設定」中展開權限選單➜開啟「選單管理」權限➜儲存
    選單管理權限編輯步驟介紹

 

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

 

elearning