2026-04-12
如何預覽手機/電腦版面並正式發布?
功能位置:左側導覽列「一頁式商店」>「商店頁面」> 右上角「新增頁面」 或 點選現有頁面最右側的「編輯」按鈕。
完成所有設計後,請務必注意左下角的兩個按鈕:
- 預覽:點擊後會彈出模擬視窗,讓您檢查在「手機版」和「電腦版」看起來的樣子。建議務必檢查手機版,因為大部分客人都用手機買東西。
- 切換手機版本、電腦版本方式:使用開發者工具 (DevTools)
Step 1.
進入「預覽」頁面後,在 Chrome 網頁空白處點擊右鍵,選擇「檢查」或按 F12 / Ctrl+Shift+I (Mac 為 Cmd+Option+I)。
Step 2.
點擊左上角的 手機與平板裝置圖示 (Toggle device toolbar)。
Step 3.
在頂部下拉選單選擇想要模擬的手機或平板機型,網頁會自動切換為該版型。
再點擊一次左上角的 手機與平板裝置圖示 (Toggle device toolbar),即會自動變回一開始的電腦版型。
- 切換手機版本、電腦版本方式:使用開發者工具 (DevTools)
- 儲存:確認無誤後,點擊儲存,您的頁面就正式生效了!
