瞭解選單

設定網路商店時,請考量您希望顧客如何找到您的商品與商家資訊。這有助於您決定網路商店選單的設計與設定方式。

預設選單

您的網路商店在每個頁面皆會顯示兩個預設選單:主選單與頁尾選單。您可以在商店的預設選單中新增、移除或編輯選單項目

如果您使用顧客帳號,商店也會預設包含顧客帳號主選單。

您可以在商店的預設選單中新增、移除或編輯選單項目。所有選單都可以包含線上頁面,例如商品、商品系列、網頁、網誌文章與顧客帳號頁面,也可以加入其他網站的連結。您也能在主選單與顧客帳號選單中建立下拉式選單

主選單

主選單會顯示在您網路商店的每個頁面。主選單通常以項目橫跨頁首的整個寬度展示,或以側邊欄的項目清單呈現。顧客會透過主選單找到您的商品與商家資訊,如「關於我們」頁面。

主選單包含以下兩個預設選單項目:

  • 首頁:您的網路商店首頁
  • 目錄:顯示您所有商品的頁面

頁尾選單

頁尾選單通常以項目橫跨頁尾的整個寬度呈現。顧客可能會查看頁尾選單來尋找商店政策與聯絡資訊。

顧客帳號選單

顧客帳號主選單會顯示在您的網路商店,以及任何使用顧客帳號頁首的地方,例如 行動裝置 app。瞭解詳情:自訂顧客帳號選單

其他選單

根據您的商店佈景主題,您可能能在佈景主題的 頁首 區段中編輯設定來新增選單。若佈景主題不支援透過佈景主題設定新增選單,您可以自訂佈景主題程式碼來加入新選單。您也可以聘僱 Shopify 合作夥伴代為變更。 瞭解詳情:聘僱 Shopify 合作夥伴

比較不同佈景主題中的選單

每個佈景主題的設計各不相同,因此您的選單在不同佈景主題上的呈現方式可能會有所差異。

若要查看示範,請前往 Shopify 佈景主題商店 的任一佈景主題,然後按一下 檢視示範

疑難排解選單問題

選單問題可能來自多種因素。請檢查管理介面與佈景主題中的以下項目,確保選單設定正確且沒有相容性問題:

  • 檢查選單項目,確認連結與連結類型正確。
  • 確保連結設定正確。若是連到子選單,您可能需要調整連結類型,或移除不必要的巢狀結構。
  • 確認您的佈景主題支援您要建立的選單類型。例如,若要建立多層級的下拉式選單,佈景主題必須支援該類型。
  • 檢查佈景主題設定,確保連結的是正確的選單。
  • 確認佈景主題中沒有導致選單問題的自訂程式碼。您可以還原佈景主題程式碼來測試是否為程式碼造成衝突。
  • 檢查您的 app,確保它們不會以 app 內建立的選單覆寫您的選單。

常見導覽問題

選單變更未顯示於線上店面

如果您在管理介面進行的選單變更未出現在線上店面,請檢查以下項目:

  1. 佈景主題選單設定:確認佈景主題使用的是正確的選單。請在 頁首頁尾 區段的佈景主題設定中檢查,確定所選選單與您正在編輯的選單一致。

  2. 選單 app:導覽 app (例如「Mega Menu」app) 會在 app 內建立選單,而非使用管理介面中的選單設定。若您安裝了選單 app,請更新該 app 的設定,或解除安裝該 app 以改用預設導覽。

  3. 舊導覽結構:在支援巢狀導覽之前建立的商店可能需要重新調整選單。建議改用目前的巢狀格式重新建立選單,而非連結至個別選單。

佈景主題相容性問題

佈景主題不支援多層級導覽

某些舊版佈景主題不支援多層級 (3 層以上) 的下拉式選單。若巢狀選單未正常顯示,可能需要更新佈景主題。所有 Online Store 2.0 佈景主題都支援多層級導覽,但較舊的區段式佈景主題可能需要更新才能支援多個選單層級。