专注于外贸建站,分享WordPress教程和Elementor教程

如何隐藏WooCommerce购物车页面中的价格、总计等列

更新日期:2021-08-05
加入读者学习群
我用的页面编辑器
企业邮箱
我用的主机

支持我创作内容,就和我一起用Cloudways主机吧~

让我的客户网站GTmetrix测分A\A的主机
独家优惠前3个月优惠30%, 戳上方按钮注册即可自动带入优惠码LOYSEO
用Gmail邮箱,注册易通过
主机送Astra Pro不限站点1年
遇到问题,联系我

本文讲述:如何用自定义css,隐藏WooCommerce购物车(cart)页面的产品表中的某些列,譬如隐藏价格列(Price)、总计列(Subtotal)。

woocommerce hide column cart table 10

请进入WordPress网站后台的菜单:外观>>自定义>>额外CSS,并添加如下CSS,来实现上图的需求。

/* 下方的数字4代表第4列的Price,6代表第6列的subtotal,请按需设置数值;如果你需要删除多列,那就复制一份代码,并修改其中的数字 */
 
.woocommerce table.cart td:nth-of-type(4), .woocommerce table.cart th:nth-of-type(4) {
display: none;
}

.woocommerce table.cart td:nth-of-type(6), .woocommerce table.cart th:nth-of-type(6) {
display: none;
}
woocommerce hide column cart table 11

如上图所示,添加完代码后,就能看到购物车中的价格、总计列消失了。

你还可以通过code snippet添加css代码,这样保管自定义CSS更安全,不会因为切换主题而丢失。

题外话:我为什么研究了这个功能呢?因为我在制作外贸网站时,想做一个多产品批量询盘功能,于是,我找了一个付费的批量询盘的插件,但这个插件需要填写产品价格才能够提供批量询盘功能(尴尬),并且,批量询盘的提交页面是购物车页面,但是我不想展示产品价格给客户,所以就研究了下如何隐藏,由此,本文诞生了。

点赞
0 / 5 0

Your page rank:

建站学习交流群