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

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

更新日期:2021-06-09

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

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

请进入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;
}
image 11 - 如何隐藏WooCommerce购物车页面中的价格、总计等列

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

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

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

点赞
0 / 5 0

Your page rank:

教程 分类

发表评论

邮箱地址不会被公开。 必填项已用*标注

Hi~当你点击本站中的主机、主题、插件的链接前往购买后,我将获取一些佣金,这是我撰写建站教程的主要收入~希望也能得到你的支持,比心( •̀ ω •́ )y

Copyright © LOYSEO.COM — 专注提供外贸网站建设 · 外贸建站 · 外贸网站制作 与 外贸建站教程

LOYSEO
微信扫一扫