*最後更新時間：2025-12-04
*預計操作時間：10 分鐘
*本文適用 Ako CVS 結帳介面：地圖選店型

一、我是不是這篇文章的適用對象？

Ako CVS 支援多種介面安裝位置（購物車頁面、結帳頁面、感謝頁面）。請先到 Ako CVS 後台，參考以下截圖檢查目前的設定。只要超商地圖或發票介面，有任何一個介面是安裝在「購物車頁」，就必須依照本文步驟調整商店設定：

超商介面顯示位置：若您勾選的是「地圖選店型」，超商地圖會顯示在購物車頁面。
發票區塊顯示位置：若您勾選的是「購物車頁面」，發票欄位會顯示在購物車頁面。

🔔補充說明：若您使用的是「自動偵測型」超商介面（顧客在結帳頁輸入地址後選門市），或使用 Shopify Plus 結帳頁客製化（超商 / 發票介面嵌入至結帳頁）則不用依照本文關閉「立即購買」按鈕。

二、為什麼需要關閉「立即購買」按鈕？

Shopify 佈景主題多半會預設開啟「立即購買」按鈕，這是 Shopify 為了簡化結帳流程而設計的捷徑，顧客按下後，會直接從商品頁跳去付款畫面，不會再經過購物車頁。

但是顧客如果走這條捷徑，就會看不到您安裝在購物車頁的超商地圖與發票介面，連帶影響訂單無法帶入相關資料，會需要額外人工處理。因此這篇文章會教您關閉或調整「立即購買」按鈕，讓顧客能夠成功完成超商訂單與填寫發票。

三、先快速確認介面是否其實有安裝成功

在調整立即購買按鈕之前，先確認 Ako CVS 介面本身有沒有顯示在購物車頁：

到您的商店前台，任意打開一個商品，把商品加入購物車。
在瀏覽器網址列，把您的商店網址後方改成 /cart（例如：https://yourstore.com/cart），按 Enter 前往。

✅ 如果在 /cart 頁面 看得到 超商地圖或發票欄位：
代表介面有安裝成功，但顧客現在沒辦法前往介面所在的購物車頁，繼續按照本文步驟調整按鈕設定即可。

😓 如果在 /cart 頁面 完全看不到 超商地圖或發票欄位：
代表問題不是「立即購買」造成，而是介面一開始就沒安裝成功，請直接來信 service@akohub.com 附上您的商店網址，我們將儘快安排專人替您排查。

四、開始設定

步驟一：關閉商品頁上的「立即購買」按鈕

進入 Shopify 後台 > 網路商店 > 佈景主題 > 點選「編輯佈景主題」
在上方選單切換到「產品 > 預設產品」或其他您使用中的產品範本。

在左側找到「產品資訊 > 點選 購買按鈕」

取消勾選「顯示動態結帳按鈕」並儲存

完成後，商品頁只會顯示「加入購物車」按鈕，顧客會先把商品放進購物車，再往下一步走。

步驟二：將購物車類型改成「頁面式購物車」

有些佈景主題預設使用「導覽匣購物車（Drawer）」或「彈出式購物車（Pop-up）」，顧客在這些小視窗中按「結帳」，也可能直接跳到結帳頁，而不會打開完整的購物車頁。

進入 Shopify 後台 > 網路商店 > 佈景主題 > 點選「編輯佈景主題」。
點選左側工具列的 ⚙️齒輪圖示 > 進入佈景主題設定 > 將「購物車類型」改成「頁面」並儲存。

步驟三：隱藏迷你購物車的「結帳」按鈕

有些主題除了立即購買按鈕，還會附贈迷你購物車，讓顧客可以直接在小視窗中按「結帳」，這個按鈕也要隱藏，才能確保顧客前往購物車頁面。以下以 Shopify 官方免費主題 Dawn 為例：

此步驟需要編輯程式碼，保險起見請先多複製一份您現有的佈景主題出來編輯
進入 Shopify 後台 > 網路商店 > 佈景主題，點「⋯」按鈕 > 點下「編輯程式碼」
在左上角搜尋框輸入 cart，以 Dawn 主題來說，檔名為 cart-notification.liquid，接著找到包含 name="checkout" 的 <form> 區塊並選取程式碼。
接著按下快捷鍵，Mac 請按 Command 和 /，Windows 請按 Ctrl 和 /，完成後按下儲存（下圖為正確畫面）

⚠️ 不同佈景主題的檔案名稱與程式碼位置可能會不同，如果依照上述方式修改後沒有生效，請聯繫佈景主題開發商或您的合作工程師協助。

五、完成設定後，如何檢查？

在前台開啟任一商品頁，確認畫面上已沒有任何「立即購買」或「快速結帳」按鈕
如果您的主題有迷你購物車，請確認迷你購物車的介面已移除「結帳」按鈕
接著您會前往購物車頁，如果能正常看到超商跟發票介面，表示您已調整成功！

如果在測試過程中仍無法看到介面，或顧客還是會直接跳到結帳頁，請再次檢查上述三個步驟是否都已完成，或聯繫 service@akohub.com 協助排查。

六、常見問題

Q1：我想保留「立即購買」按鈕，有辦法同時讓顧客選超商嗎？

如果您希望保留快速結帳按鈕，又不想要求顧客一定經過購物車頁，可以改用 Ako CVS 的「自動偵測型」超商介面。

在自動偵測型模式下，顧客會在結帳頁輸入地址，系統會依據地址自動列出附近可選的超商門市，顧客直接在結帳頁完成選店，不需要經過購物車頁。

啟用方式請參考教學：
如何啟用自動偵測型介面

或者，如果您有配合的工程師，可以請對方調整立即購買按鈕的跳轉連結，將連結改成導向購物車。

Q2：我是 Shopify Plus 商家，想把超商地圖放在結帳頁，可以怎麼做？

如果您希望把超商地圖或發票介面直接嵌入結帳頁，可以搭配 Ako CVS Enterprise 方案，詳細設定方式請來信 service@akohub.com，我們將安排專人協助您完成整體商店調整。

📧 找不到您要的答案嗎？請來信 service@akohub.com
📞 還在評估階段，需要專人介紹？點此預約 20 分鐘 1 對 1 諮詢

如何關閉 Shopify「立即購買」按鈕，讓顧客順利選超商 / 填發票？（購物車頁介面適用）