下拉式選單

操作指南 所有方案 1 分鐘閱讀

下拉式（飛出式）選單適合簡短的清單，例如 About > Our story、Contact、FAQ。它支援多個層級，例如 Shoes > Sneakers > Running。

新增下拉式選單

1. 選擇範本

   在編輯器的 Elements（元素）樹狀清單中，點擊尚未有子選單的頂層項目下的 Add submenu（新增子選單）。將游標移到 Dropdown menu (flyout menu)（下拉式選單（飛出式選單））上，然後在 Vertical dropdown（垂直下拉式選單）或 Horizontal dropdown（水平下拉式選單）上點擊 Select（選擇）。

   

   兩種下拉式選單範本。每種都會加入可重新命名的範例項目。

2. 編輯子項目

   將游標移到範例項目上，點擊 Edit Item（編輯項目）以變更 Title（標題）與 Link（連結）。關於 Icon（圖示）、Image icon（圖片圖示）、Description（說明）、Badge（徽章）與 Visibility（顯示設定），請參閱編輯選單項目。

3. 新增項目與層級

   點擊 Add items（新增項目）可在同一層級新增項目。點擊某個項目下的 Add dropdown（新增下拉式選單），即可讓它擁有自己更深一層的清單。

4. 儲存並發佈

   點擊 Save（儲存），然後點擊 Publish（發佈）。

範本

Vertical dropdown（垂直下拉式選單）

項目在選單項目下方排成一欄。更深的層級會向側邊飛出。

Horizontal dropdown（水平下拉式選單）

項目在選單列下方以全寬排成一列。每個更深的層級會在下方開啟新的一列。

下拉式選單設定

將游標移到父項目上，點擊 Edit Item，然後捲動到 Submenu（子選單）。不需要重新建立下拉式選單就能變更它的版面。

Type（類型）

Vertical dropdown 或 Horizontal dropdown。None（無）會關閉下拉式選單，但保留其中的項目。

Width + alignment（寬度與對齊方式）

僅限垂直下拉式選單：在項目下方 Center（置中）、Left（靠左）或 Right（靠右）。水平下拉式選單一律使用全寬。

Height + alignment（高度與對齊方式）

在垂直選單中取代 Width + alignment，適用於垂直下拉式選單：Center、Top（上方）或 Bottom（下方）。

變更或移除

• 暫停使用：將 Type 設為 None。項目會保留。
• 切換範本：將 Type 設為 None，然後再次點擊 Add submenu。
• 移除項目：將游標移到項目上，點擊 Delete Item（刪除項目）。
• 保持層級精簡：最多約 3 層；層級太深的選單在行動裝置上很難使用。
• 使用標籤：沒有連結的項目只會開啟它自己的清單。
• 需要圖片或多欄嗎？ 請使用大型選單。

疑難排解

下拉式選單在網路商店上無法開啟

請確認 Type 不是 None、下拉式選單至少有一個項目，而且您已點擊 Save 和 Publish。如果是佈景主題的問題，請參閱為什麼我的選單沒有顯示？

相關頁面

• 子選單比較下拉式選單、大型選單、分頁式選單與瀑布流版面，為每個項目選擇合適的子選單。
• 大型選單以連結清單、圖片、商品與聯絡表單等區塊，建立寬版的子選單面板。
• 編輯選單項目變更項目的標題、連結、圖示、顏色、徽章、子選單與顯示設定，或複製、移動和刪除項目。

這個頁面有幫助嗎？

回報問題