在 OpenCart 內建的功能中,即使您沒有開啟[缺貨結帳]功能,不允許購買缺貨的品項,OpenCart 仍然會出現 [加入購物車] 的按鈕,允許會員將缺貨商品加入購物車,直到會員進入購物車畫面,或是結帳畫面,才會發現某品項缺貨以致無法結帳,這對會員帶來困擾,原本已湊好可以達到免運門檻的商品組合,必須因此而重新思考組合。
![](https://24cc.com/wp-content/uploads/2020/11/outofstock_addtocart_01.png)
![](https://24cc.com/wp-content/uploads/2020/11/outofstock_addtocart_02.png)
不過這個需求實在太常見了,所以在 OpenCart MarketPlace 上可以很容易找到模組可購買,甚至也有免費的模組,但如果您是使用 Journal 版型,本篇文章要教你,用 Journal 的管理介面就可以設定出這樣的效果了,完全不需要額外安裝任何模組。
首先,進到 OpenCart 後台 > Journal > Styles > Product Page,再右側畫面找到 Buttons > Add to Cart > Out of Stock Visibility,將它設定為 OFF [ X ]。
![](https://24cc.com/wp-content/uploads/2020/11/outofstock_addtocart_03.png)
當上述設定改為 OFF 並 save 儲存之後,回到前端重刷商品頁,就可以發現 [加入購物車] 按鈕已經消失不見了。
![](https://24cc.com/wp-content/uploads/2020/11/outofstock_addtocart_04.png)
如果你覺得這樣的呈現方式不夠清楚,也可以在剛剛 [加入購物車] 按鈕的位置,替換一個有提示功能的按鈕,請進到 Journal > Product Extras > Extra Button,然後新增一個按鈕 [Create New]。
![](https://24cc.com/wp-content/uploads/2020/11/outofstock_addtocart_05.png)
在 Text 欄位輸入您要顯示在按鈕上的文字
在 Button Type 選擇 Link
將 Link 設定為 None
將 Product Assignment 設定為 [Out of Stock]
以上就完成了替代按鈕的設定。
![](https://24cc.com/wp-content/uploads/2020/11/outofstock_addtocart_06.png)
儲存之後再回到前台商品頁,重刷之後就會出現剛剛設置的新按鈕,你也可以在前一個畫面的 Link 設定為聯絡我們或 Line 的連結,依您的需要自行調整。
![](https://24cc.com/wp-content/uploads/2020/11/outofstock_addtocart_07.png)
Journal 真的是一套功能豐富的版型,不過相對的後台的操作介面的難度也比較高一些,需要一些時間來熟悉上手,但高彈性的設定功能,對於網站的經營絕對有很大的幫助,如果您還在評估 OpenCart 的版型,建議一定要試試 Journal Theme。
有些 OpenCart 的廠商,為了省去教學及協助設定 Journal Theme 的麻煩,會故意避開 Journal Theme,推薦商家使用較簡單陽春的其他第三方版型,使得商家在安裝了陽春版型之後,還要另外再安裝各種微功能模組來彌補不足,不只維護介面不統一,模組之間還會莫名其妙相衝,商家在決定版型時,一定要多試用評估。
如果您對 Journal 版型有興趣,可至 Envate Market 購買 Journal Theme 的合法版權,一套 Journal 版行只需要 59 美金(大約台幣1,600多),賣場連結是 : https://1.envato.market/OpenCart-Journal-Theme
MarTech 行銷科技洞察社團 - GA4、SEO、GTM、Search Console、Looker Studio、社群、內容、廣告
OpenCart 台灣技術支援 - OpenCart 網站代管、客製、維護
OpenCart 台灣電商社團 - 台灣 OpenCart 使用者交流
=====================================================