如何隱藏WooCommerce購物車頁面中的價格、總計等列

更新日期:2024-06-22
讓我的客戶網站GTmetrix測分A\A的主機Cloudways
獨家優惠

註冊時填寫優惠碼LOYSEO

享前3個月7折

免去實名認證
自動帶入優惠
免費試用3 天
可領獨家福利
獨家福利

三選一

相關架設網站教學

本文講述:如何用自定義css,隱藏WooCommerce購物車(cart)頁面的產品表中的某些列,譬如隱藏價格列(Price)、總計列(Subtotal)。

如何隱藏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;
}
如何隱藏WooCommerce購物車頁面中的價格、總計等列

如上圖所示,添加完代碼后,就能看到購物車中的價格、總計列消失了。

你還可以通過code snippet添加css代碼,這樣保管自定義CSS更安全,不會因為切換主題而丟失。

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

点赞

0 / 5 0

Your page rank:

Picture of 外貿建站技術姐Bonnie
外貿建站技術姐Bonnie

Bonnie是LOYSEO的創始人,在架設網站領域有著超過15年的經驗,熱愛能將想法變為現實的WordPress,更是Elementor的忠實使用者~

發佈留言

發佈留言必須填寫的電子郵件地址不會公開。 必填欄位標示為 *