選單/導覽列設定

功能說明：

• 設定購物網站上的選單連結列表。

操作目錄：

• 前台畫面呈現

• 選單內容設定

• 拖拉版型 選單/導覽列 設定方式

• 預設版型 選單/導覽列 設定方式

• 拖拉版型 頁腳 設定方式

• 預設版型 頁腳 設定方式

注意事項:

• 預設版型、拖拉版型設定方式。

---

📌前台畫面呈現

【導覽列前台畫面】

【頁腳前台畫面】

---

📌選單內容設定

後台路徑 : 「網站外觀」→ 「選單/導覽列設定」→ 「選單設定」

說明

1. 預設版型、拖拉版型皆需先設定選單內容。

2. 主選單、頁腳為預設選單，可點選名稱直接編輯選單內容。

3. 預設選單「主選單、頁腳」僅為 CYBERBIZ 預設名稱。

4. 「導覽列」、「頁腳」的選單皆在這裡做設定。

5. 進入後台，前台簡介。 (預設的「主選單、頁腳」僅為預設名稱，並非實際上前台呈現選單內容)

選單內容設定

• 點選想編輯的選單。

• 設定內容 選單標題 : 可供隨時編輯。 選單項目 : 可設定此選單的相關連結項目。

• 選單層級設定 新增選單項目，可設定相關連結，「連結列表、商品多層級分類自訂群組…..等」 新增完項目後，可直接將項目拖拉，拉至不同層級。(共三層)

• 前台畫面

---

📍拖拉版型 選單/導覽列 設定方式

請先完成上方 選單內容設定

後台路徑 : 「網站外觀」→「套版主題管理」→「網站設定」

• 點選「網站設定」

• 點選左側「導覽列」，進入導覽列設定。 A. 網站 Logo。(可設定 電腦/平板/手機板) 圖片替代文字 : 可輸入圖片的文字來優化 SEO 的搜尋。

B.導覽列樣式 可選擇電腦版導覽列呈現方式，左右or上下 呈現。 背景透明 示範請 點選連結。

C.導覽列選單設定 : 次選單(不)同步展開 電腦版 與 平板/手機版 可分開設定想要的選單。 電腦版選單樣式 : 可看範例查看呈現方式。

D.非電腦版選單預設展開

---

📍預設版型 選單/導覽列 設定方式

請先完成上方 選單內容設定

後台路徑 : 「網站外觀」→「套版主題管理」→「網站設定」

• 點選「網站設定」

• 點選「導覽列Navbar」 網站 Logo : 自行上傳圖片檔案。 手機側邊選單 LOGO : 自行上傳圖片檔案。

• 選擇導覽列 : 可分別設定 電腦/手機 選單。 *手機可設定預設展開選單內容。

• 商品列表樣式 : 僅會影響 collections/all 的選單。

• 選擇主選單模式 : 影響 非 collection/all 的選單。 可自行選擇要 二維/三維選單。
  

• 選擇搜尋欄位 : 顯示/不顯示 搜尋欄。

---

📍拖拉版型 頁腳 設定方式

請先完成上方 選單內容設定

後台路徑 : 「網站外觀」→「套版主題管理」→「網站設定」

• 點選「網站設定」

• 點選左下角「頁腳」

• 設定頁腳內容(可選擇 選單、聯絡資訊、自訂文字)

【設定方式】

• 其他版面設計

【選擇排列樣式】:上下/左右排序。

【社群媒體設定】

---

📍預設版型 頁腳 設定方式

請先完成上方 選單內容設定

後台路徑 : 「網站外觀」→「套版主題管理」→「網站設定」

• 點選「網站設定」

• 往下滑至「頁腳Footer」。

• 設定頁腳內容(頁腳Footer選單/頁腳聯絡資訊設定/社群媒體設定)

• 前台畫面