2025 年 12 月 19 日
- 設定購物網站上的選單連結列表。
操作目錄：
注意事項:
- 預設版型、拖拉版型設定方式。
📌 前台畫面呈現
【導覽列前台畫面】
【頁腳前台畫面】
📌 選單內容設定
後台路徑 : 「網站外觀」→ 「選單/導覽列設定」→ 「選單設定」
- 請先設定選單內容，再於拖拉版型(預設版型)頁面完成選單外觀設定。
- 「主選單」、「頁腳」為預設選單，可點選名稱直接編輯選單內容。
- 「主選單」、「頁腳」僅為 CYBERBIZ 後台的預設名稱，並不會於前台實際呈現。
- 「導覽列」、「頁腳」的選單皆在這裡做設定。
- 點選想編輯的選單。
- 設定選單內容
- 「選單標題」：可供隨時編輯。
- 「新增連結」：可設定此選單的欄位項目，並設定指定連結。
- 可於 選單項目一覽 查看系統支援的欄位項目。
- 選單層級設定
- 新增完項目後，可直接將項目拖拉，拉至不同層級。(最多可設定三層)
- 前台畫面
📌 選單項目一覽
| 連結項目 | 說明 |
|---|---|
| 連結列表 | 可理解為連結的資料夾 新增「連結列表」後，可將多個連結收錄其中 |
| 商品多層級分類 | 可指定任一多層級分類，顯示其商品群 該功能設定位置 : 「商品」→「商品多層級分類」 |
| 商品自訂分類 | 可指定任一自訂分類，顯示其商品群 該功能設定位置 : 「商品」→「商品自訂分類」 |
| 商品條件分類 | 可指定任一條件分類，顯示其商品群 該功能設定位置 : 「商品」→「商品條件分類」 |
| 紅配綠組合優惠 | 可指定顯示任一紅配綠組合優惠活動 該功能設定位置 : 「行銷活動」→「紅配綠多組合優惠」 |
| 任選折扣 | 可指定顯示任一任選折扣優惠活動 該功能設定位置 : 「行銷活動」→「任選折扣」 |
| 指定商品 | 可指定顯示任一商品 該功能設定位置 : 「商品」→「所有商品」 |
| 其他頁面 | 可指定顯示任一自訂頁面 該功能設定位置 : 「網站外觀」→「自訂頁面管理」 |
| 部落格 | 可顯示指定任一部落格頁面 該功能設定位置 : 「網站外觀」→「部落格管理」 |
| 查詢頁面 | 顯示商品查詢頁 |
| 聯絡店家 | 顯示聯絡我們頁面，顧客可留言提供回饋 回饋內容顯示位置 : 「會員」→「顧客回饋 & 建議」 |
| 外部連結 | 可自行設定外部網址連結 |
| 首頁 | 回到官網首頁 |
| 全部商品 | 顯示自訂分類中的所有分類項目 自訂分類中至少要有一個分類，否則此連結不會顯示 該功能設定位置 : 「商品」→「商品自訂分類」 |
| 紅利商城 | 可指定顯示任一紅利商城活動 該功能設定位置 : 「行銷活動」→「紅利商城」 |
| 紅利群組 | 可指定顯示任一指定商品送紅利活動 該功能設定位置 : 「行銷活動」→「指定商品送紅利」 |
📍 選單/導覽列外觀設定(拖拉版型)
請先完成上方 選單內容設定
後台路徑 : 「網站外觀」→「套版主題管理」→「網站設定」
- 點選「網站設定」
- 點選左側「導覽列」，進入導覽列設定。
- 網站 Logo。(可設定 電腦/平板/手機板)
圖片替代文字 : 可輸入圖片的文字來優化 SEO 的搜尋。
- 導覽列樣式
可選擇電腦版導覽列呈現方式，左右or上下 呈現。
背景透明 示範請 點選連結。
- 導覽列選單設定 : 次選單(不)同步展開
電腦版 與 平板/手機版 可分開設定想要的選單。
電腦版選單樣式 : 可看範例查看呈現方式。
- 非電腦版選單預設展開
- 網站 Logo。(可設定 電腦/平板/手機板)
📍 選單/導覽列外觀設定(預設版型)
請先完成上方 選單內容設定
後台路徑 : 「網站外觀」→「套版主題管理」→「網站設定」
- 點選「網站設定」
- 點選「導覽列Navbar」
網站 Logo : 自行上傳圖片檔案。
手機側邊選單 LOGO : 自行上傳圖片檔案。
- 選擇導覽列 : 可分別設定 電腦/手機 選單。
*手機可設定預設展開選單內容。
- 商品列表樣式 : 僅會影響 collections/all 的選單。
- 選擇主選單模式 : 影響 非 collection/all 的選單。
可自行選擇要 二維/三維選單。
- 選擇搜尋欄位 : 顯示/不顯示 搜尋欄。
📍 頁腳外觀設定(拖拉版型)
請先完成上方 選單內容設定
後台路徑 : 「網站外觀」→「套版主題管理」→「網站設定」
- 點選「網站設定」
- 點選左下角「頁腳」
- 設定頁腳內容(可選擇 選單、聯絡資訊、自訂文字)
【設定方式】
- 其他版面設計
【選擇排列樣式】:上下/左右排序。
【社群媒體設定】
📍 頁腳外觀設定(預設版型)
請先完成上方 選單內容設定
後台路徑 : 「網站外觀」→「套版主題管理」→「網站設定」
- 點選「網站設定」
- 往下滑至「頁腳Footer」。
- 設定頁腳內容(頁腳Footer選單/頁腳聯絡資訊設定/社群媒體設定)
- 前台畫面
