當商品缺貨時,隱藏加入購物車的按鈕

版型修改、第三方版型安裝、設定
回覆文章
admin
系統管理員
文章: 335
註冊時間: 2018-01-05, 17:40

當商品缺貨時,隱藏加入購物車的按鈕

文章 admin » 2020-11-29, 19:04

在 OpenCart 的內建功能中,即使您沒有開啟[缺貨結帳]功能,OpenCart 仍然會出現 [加入購物車] 的按鈕,允許會員將缺貨商品加入購物車,直到會員進入購物車畫面,或是結帳畫面,才會警示商品缺貨無法結帳,這絕對會影響到購物體驗,原本已湊好可以達到免運門檻的商品組合,必須因此而重新選購組合。

圖檔

圖檔

不過因為這個需求實在太普遍了,所以在 OpenCart MarketPlace 上可以很容易找到模組可購買,甚至也有免費的模組,但如果你是使用 Journal 版型,那麼用 Journal 的管理介面就可以設定出這樣的效果了,完全不需要額外安裝任何模組。

首先,進到 OpenCart 後台 > Journal > Styles > Product Page,再右側畫面找到 Buttons > Add to Cart > Out of Stock Visibility,將它設定為 OFF [ X ]。

圖檔

完成上述設定並 save 儲存之後,回到前端重新整理商品頁,就可以發現 [加入購物車] 按鈕已經消失不見了。

圖檔

如果你覺得這樣的呈現方式不夠清楚,也可以在剛剛 [加入購物車] 按鈕的位置,替換一個有提示功能的按鈕,請進到 Journal > Product Extras > Extra Button,然後新增一個按鈕 [Create New]。

圖檔

在 Text 欄位輸入您要顯示在按鈕上的文字
在 Button Type 選擇 Link
將 Link 設定為 None
將 Product Assignment 設定為 [Out of Stock]
以上就完成了替代按鈕的設定。

圖檔

儲存之後再回到前台商品頁,重新整理之後就會出現剛剛設置的新按鈕,你也可以在前一個畫面的 Link 設定為聯絡我們或 Line 的連結,可依您的需要自行調整。

圖檔

Journal 真的是一套功能豐富的版型,不過相對的後台的操作介面的難度也比較高一些,需要一些時間來熟悉上手,但高彈性的設定功能,對於網站的經營絕對有很大的幫助,如果您還在評估 OpenCart 的版型,建議一定要試試 Journal Theme。

有些 OpenCart 的廠商,為了省去教學及協助設定 Journal Theme 的麻煩,會故意避開 Journal Theme,推薦商家使用較簡單陽春的其他第三方版型,使得商家在安裝了陽春版型之後,還要另外再安裝各種微功能模組來彌補不足,不只維護介面不統一,模組之間還會莫名其妙相衝,商家在決定版型時,一定要多試用評估。
24H.cc 電商便利中心 https://24h.cc
24CC.com 電商工程筆記 https://24cc.com
OpenCart 購物網站代管及維護 https://www.osec.tw
OpenCart 台灣電商社群 https://www.facebook.com/groups/opencart.taiwan/

回覆文章