取代現有選單

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

當 Automatically replace（自動取代）選到錯誤的選單時使用，例如您的頁首顯示 Main menu 以外的導覽，或在桌面裝置與行動裝置上使用不同的 Shopify 選單。應用程式會找出連結與您所選導覽相符的選單並加以取代。

設定取代現有選單

1. 找出頁首使用的導覽

   在 Shopify 後台前往 線上商店 > 佈景主題 > 自訂，點擊 Header（頁首）區段，查看選取的是哪個選單（例如 Main menu）。有些佈景主題另有行動版選單的設定。

2. 選擇取代現有選單

   在選單編輯器中，點擊左側欄的 Settings（設定）分頁。在 Position（位置）下選擇 Replace existing menu（取代現有選單）。

   

   Replace existing menu 及其兩個選單清單

3. 選擇要取代的選單

   將兩個清單設定為與您的頁首相符，請參閱設定。兩個清單一開始都是您商店中的第一個導覽。

4. 儲存並發佈

   點擊 Save（儲存），然後發佈選單。請在桌面裝置與行動裝置上檢查您的網路商店。

設定

Select your main menu（選擇主選單）

佈景主題在桌面裝置上顯示的 Shopify 導覽（來自 線上商店 > 導覽），通常是 Main menu。

Select your mobile menu（選擇行動版選單）

佈景主題在行動裝置選單中顯示的導覽。大多數佈景主題與桌面版相同。

疑難排解

選單清單是空的

您的網路商店可能設有密碼保護，因此應用程式無法讀取您的導覽，並顯示 Please remove store front password to update menu list。點擊 Remove store password（移除商店密碼，會開啟 線上商店 > 偏好設定），移除密碼後再試一次。

選單沒有取代頁首

應用程式會比對頁首的連結與所選導覽，因此寫死在程式碼中的連結或其他導覽將無法相符。請選擇頁首實際使用的導覽，或改用 Show menu on this CSS selector（在此 CSS 選擇器上顯示選單）。

桌面裝置已取代但行動裝置沒有，或反過來

將 Select your mobile menu（或 Select your main menu）設定為該版面實際使用的導覽。

相關頁面

• 自動取代讓應用程式找出佈景主題的頁首選單並自動取代。
• 在 CSS 選擇器上顯示選單輸入 CSS 選擇器，將選單放在佈景主題中的特定元素上。
• 為什麼我的選單沒有顯示在商店上？選單沒有出現在網路商店或顯示不正確時的逐步檢查清單。

這個頁面有幫助嗎？

回報問題