三行代碼實現WooCommerce中價格顯示問題

在內容管理系統大行其道的今天,建立一個模塊化的網站,已不再是難事。用Wordpress+WooCommerce便可以比較方便的建立一個電商網站。

商品在網站展示時,價格是個極其重要的因素。在歐美國家,商品的消費稅往往很高,比如我所在的匈牙利,商品的消費稅就高達27%。對於部分商業客戶而言,買回商品的稅金是可以抵扣的,老外數學一般不好,讓他們自己計算實際購買商品所化成本不是很現實,因此我們最好在輸入商品價格時,就輸入含稅價格,而商品在逐一顯示時顯示不含稅的價格。

雖然在WooCommerce的settings裏我們可以找到,商品價格是否含稅的,以及顯示時是否有後綴的選項,如圖所示:


但是這裏統一設置過的價格,會在所有出現價格地方都應用。而在商品分類列表顯示時,這樣含有稅金的顯示方式就顯得非常囉嗦,頁面也會顯得非常繁瑣。

事實上,三行代碼,一樣可以解決這個問題。我們可以實現只在單個商品的顯示頁面,顯示稅前價格。而在產品分類的頁面, 依然顯示含稅價格。

具體如圖:在產品分類列表頁面,顯示的爲輸入的含稅價格,價格顯示簡單清晰。

而在單一產品介紹頁面,商品的稅前價格和稅金分離,讓用戶真正瞭解商品的實際價格。

做到這一效果並不非常複雜,我們只需要在主題(theme)所在的文件夾內的woocommerce裏找打single-product文件夾,在裏面新建一個price.php文件,也許有的主題之前就有這個文件,這都無所謂,重要的是把下面這幾行代碼放在文件裏,之後便大功告成了。

代碼很簡單,也很容易理解,其實就是讀出兩個系統量,在頁面顯示調用echo語句時,自己組合定義一下。完全不用找什麼插件。

大家都可以試試。

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章