WordPress博客

三行代码实现WooCommerce中价格显示问题

2020-09-17  本文已影响0人  他乡老王

在内容管理系统大行其道的今天,建立一个模块化的网站,已不再是难事。用Wordpress+WooCommerce便可以比较方便的建立一个电商网站。

商品在网站展示时,价格是个极其重要的因素。在欧美国家,商品的消费税往往很高,比如我所在的匈牙利,商品的消费税就高达27%。对于部分商业客户而言,买回商品的税金是可以抵扣的,老外数学一般不好,让他们自己计算实际购买商品所化成本不是很现实,因此我们最好在输入商品价格时,就输入含税价格,而商品在逐一显示时显示不含税的价格。

虽然在WooCommerce的settings里我们可以找到,商品价格是否含税的,以及显示时是否有后缀的选项,如图所示:

settings关于税金的选项

但是这里统一设置过的价格,会在所有出现价格地方都应用。而在商品分类列表显示时,这样含有税金的显示方式就显得非常啰嗦,页面也会显得非常繁琐。

事实上,三行代码,一样可以解决这个问题。我们可以实现只在单个商品的显示页面,显示税前价格。而在产品分类的页面, 依然显示含税价格。

具体如图:在产品分类列表页面,显示的为输入的含税价格,价格显示简单清晰。

分类页面价格简单清晰

而在单一产品介绍页面,商品的税前价格和税金分离,让用户真正了解商品的实际价格。

产品介绍页只显示税前价格

做到这一效果并不非常复杂,我们只需要在主题(theme)所在的文件夹内的woocommerce里找打single-product文件夹,在里面新建一个price.php文件,也许有的主题之前就有这个文件,这都无所谓,重要的是把下面这几行代码放在文件里,之后便大功告成了。

其实核心代码就三行

代码很简单,也很容易理解,其实就是读出两个系统量,在页面显示调用echo语句时,自己组合定义一下。完全不用找什么插件。

大家都可以试试。

上一篇下一篇

猜你喜欢

热点阅读