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

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

更新日期:2021-08-05
Share on facebook
Share on twitter
Share on linkedin

本文讲述:如何用自定义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:

2 回复

  1. 可是如何修改购物车页面,添加 ”send Enquiry” 按钮呢?

评论被关闭。

相关 教程

我自用的 建站资源

当你点击本站的链接购买主机、主题、插件,我会得到一些佣金用于运营网站,但不会影响你的购买价格,我只推荐自己在用的,感谢有你的支持~比心( •̀ ω •́ )y

Namesilo

注册域名,购买时使用优惠券loyseo可减1美元
前往注册→

Cloudways

速度快、续费不涨价的优质主机
了解详情→

elementor logo gradient 01 1
Elementor

最热门的网页可视化设计编辑器,我的网站就是用它建的
了解详情→

Astra

易用又轻快的WordPress主题,含超多免费模板
了解详情→

Copyright © LOYSEO.COM