How to remove Price and Quantity columns from WooCommerce Cart page

This members-only tutorial provides the steps to remove Price and Quantity columns on WooCommerce shopping cart page by overriding the cart.php template via a custom functionality plugin.

The benefit of doing this vs using CSS is that the corresponding HTML won't be printed in the output vs just hiding using display: none.

Generally speaking, where possible it is better to not print the unwanted output on the page(s) vs sweeping under the rug using CSS.

Before:

After:

We are also going to add a bit of custom CSS to size the columns so they take up 10%, 10%, 60% and 20%.

Step 1

Install and activate My Custom Functionality plugin.

Connect to your hosting account using a FTP client and navigate to site's /wp-content/plugins/my-custom-functionality-master.