商店前台

頁面、導覽與介面

最後更新：2026年9月5日

頁面 #

以下公開路由在每個 STOAR 商店前台都可使用。

路由	說明
`/`	首頁——包含主視覺區塊、精選分類、精選商品與促銷內容
`/about`	關於我們——商店資訊與品牌故事
`/contact`	聯絡我們——聯絡表單與商店聯絡資料
`/support`	客服中心——提交新的客服工單或瀏覽既有工單
`/support/tickets/{token}`	單一客服工單檢視——透過工單確認信中的專屬 token 存取，無須帳號
`/faq`	常見問題
`/shipping`	運送政策與配送資訊
`/returns`	退貨與退款政策
`/legal/privacy`	隱私權政策
`/legal/terms`	服務條款

主導覽列會在訪客捲動頁面時固定於視窗頂端。它包含商店標誌（連結至首頁）、分類導覽連結、可就地展開搜尋列的搜尋切換鈕、顯示目前品項數量的購物車標記、願望清單標記，以及帳戶連結。在較小的螢幕上，分類連結會收合進行動版導覽抽屜。

點擊購物車標記會從螢幕右側滑出抽屜，不需離開目前頁面。抽屜會列出購物車中所有品項，包含圖片、名稱與已選取的款式選項。可以直接在抽屜中使用 + 與 − 按鈕增減數量。任何數量變動都會立即更新小計。抽屜底部的結帳按鈕會將顧客直接帶往結帳流程。

顯示於主導覽列上方的細長橫幅。這條列的內容與顯示與否皆由管理後台控制。常用於限時促銷、運費優惠或全站公告。

一個接受原始 HTML 的全寬橫幅，讓店務人員完全掌控版面與樣式。適合用於內容豐富的全站公告，例如特賣活動、新系列上市或維護時段。

在行動裝置與平板的視窗尺寸下，分類導覽會改為全螢幕滑入式選單。此抽屜提供所有分類連結、帳戶連結，以及願望清單與客服等功能性連結。透過固定導覽列中的漢堡圖示開啟與關閉。

一條可關閉的訊息列，出現在螢幕頂端，在使用者操作後提供即時回饋。它支援四種樣式：成功（綠色）、錯誤（紅色）、警告（琥珀色）與資訊（藍色）。快閃訊息會在短暫延遲後自動消失，使用者也可以手動關閉。

頁尾出現在每一個頁面上，包含：