本文讲述:如何用自定义css,隐藏WooCommerce购物车(cart)页面的产品表中的某些列,譬如隐藏价格列(Price)、总计列(Subtotal)。
![woocommerce hide column cart table 10 - 如何隐藏WooCommerce购物车页面中的价格、总计等列 woocommerce hide column cart table 10](https://www.loyseo.cn/wp-content/uploads/2021/06/woocommerce-hide-column-cart-table-10.png)
请进入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 - 如何隐藏WooCommerce购物车页面中的价格、总计等列 woocommerce hide column cart table 11](https://www.loyseo.cn/wp-content/uploads/2021/06/woocommerce-hide-column-cart-table-11.png)
如上图所示,添加完代码后,就能看到购物车中的价格、总计列消失了。
你还可以通过code snippet添加css代码,这样保管自定义CSS更安全,不会因为切换主题而丢失。
题外话:我为什么研究了这个功能呢?因为我在制作外贸网站时,想做一个多产品批量询盘功能,于是,我找了一个付费的批量询盘的插件,但这个插件需要填写产品价格才能够提供批量询盘功能(尴尬),并且,批量询盘的提交页面是购物车页面,但是我不想展示产品价格给客户,所以就研究了下如何隐藏,由此,本文诞生了。
点赞
Your page rank: