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

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

請進入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;
}
复制

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

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

題外話：我為什麼研究了這個功能呢？ 因為我在製作外貿網站時，想做一個多產品批量詢盤功能，於是，我找了一個付費的批量詢盤的外掛程式，但這個外掛程式需要填寫產品價格才能夠提供批量詢盤功能（尷尬），並且，批量詢盤的提交頁面是購物車頁面，但是我不想展示產品價格給客戶，所以就研究了下如何隱藏，由此，本文誕生了。