專注於架設企業網站,分享WordPress教學和Elementor教學

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

更新日期:2023-08-25
加入讀者學習群
我用的頁面編輯器
讓我的客戶網站GTmetrix測分A\A的主機Cloudways
獨家優惠前3個月7折, 戳上方按鈕註冊即可自動帶入優惠碼LOYSEO
所贈主題外掛程式價值>$49
主機送Astra Pro不限網站1年
gmail.comsina.com 郵箱,註冊易通過
遇到問題,聯繫我
來開通 SEO 工具20+

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

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

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

發佈留言

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