功能說明:
  • 設定購物網站上的選單連結列表。

操作目錄:

注意事項:
  • 預設版型、拖拉版型設定方式。

📌 前台畫面呈現


【導覽列前台畫面】

導覽列前台畫面

【頁腳前台畫面】

頁腳前台畫面

📌 選單內容設定


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

  1. 預設版型、拖拉版型皆需先設定選單內容。
  2. 主選單、頁腳為預設選單,可點選名稱直接編輯選單內容。
  3. 預設選單「主選單、頁腳」僅為 CYBERBIZ 預設名稱。
  4. 「導覽列」、「頁腳」的選單皆在這裡做設定。
  5. 進入後台,前台簡介。 (預設的「主選單、頁腳」僅為預設名稱,並非實際上前台呈現選單內容)
選單內容設定

選單內容設定

  1. 點選想編輯的選單。
    選單設定

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

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

  4. 前台畫面
    層級畫面



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


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

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

  1. 點選「網站設定」
    拖拉-選單01

  2. 點選左側「導覽列」,進入導覽列設定。
    1. 網站 Logo。(可設定 電腦/平板/手機板)
      圖片替代文字 : 可輸入圖片的文字來優化 SEO 的搜尋。
      拖拉-選單02

    2. 導覽列樣式
      可選擇電腦版導覽列呈現方式,左右or上下 呈現。
      背景透明 示範請 點選連結。
      拖拉-選單03

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

    4. 非電腦版選單預設展開
      拖拉-選單05



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


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

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

  1. 點選「網站設定」
    預設-選單01

  2. 點選「導覽列Navbar」
    網站 Logo : 自行上傳圖片檔案。
    手機側邊選單 LOGO : 自行上傳圖片檔案。
    預設-選單02

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

  4. 商品列表樣式 : 僅會影響 collections/all 的選單。
    預設-選單04

  5. 選擇主選單模式 : 影響 非 collection/all 的選單。
    可自行選擇要 二維/三維選單。
    預設-選單05

  6. 選擇搜尋欄位 : 顯示/不顯示 搜尋欄。
    預設-選單06



📍 拖拉版型 頁腳 設定方式


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

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

  1. 點選「網站設定」
    拖拉-選單01

  2. 點選左下角「頁腳」
    拖拉-頁腳01

  3. 設定頁腳內容(可選擇 選單、聯絡資訊、自訂文字)
    拖拉-頁腳02
    【設定方式】
    拖拉-頁腳3

  4. 其他版面設計
    拖拉-頁腳04
    【選擇排列樣式】:上下/左右排序。
    拖拉-頁腳05
    【社群媒體設定】
    拖拉-頁腳06



📍 預設版型 頁腳 設定方式


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

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

  1. 點選「網站設定」
    預設-頁腳01

  2. 往下滑至「頁腳Footer」。
    預設-頁腳02

  3. 設定頁腳內容(頁腳Footer選單/頁腳聯絡資訊設定/社群媒體設定)
    預設-頁腳03

  4. 前台畫面
    預設-頁腳04

Loading