How to Remove WooCommerce Order Item Details

How to Remove WooCommerce Order Item Details

Many people think of WooCommerce as a storefront. Of course, that’s true and much of the interaction done on a WooCommerce site is through customers on the front-end. But there’s a powerful admin side to WooCommerce as well. You can use WooCommerce to manage data for your customers, orders, and much more. In terms of orders, the entire process from receiving, to packing, to shipping can be handled inside of the admin. The problem is that WooCommerce’s admin is not very customizable. For example, if you wanted to remove WooCommerce order item details from the admin you would need to do a lot of work.

What are order item details? Inside of WooCommerce, you can review each order you have received. In addition to things like the order’s customer, the totals, and shipping information, are a list of the individual items on the order. This list of items can contain a lot of extra details that might be irrelevant or unnecessary to you as the store owner. The possible list of details includes:

  • Item Thumbnail
  • Item Name
  • SKU
  • Variation ID
  • Item Cost
  • Quantity
  • Item Total
  • Line Items
  • Fees
  • Shipping
  • Refunds
  • Order Totals
  • WooCommerce Actions

Here’s an example screenshot of what a common list of order item details looks like inside of the WooCommerce admin:

WooCommerce Order Item Details Example Screenshot

As you can see, that’s a lot of information. You might not need, or necessarily want, some of these details visible to your staff as they use your site. Today, we’ll go through the steps you need to take in order to disable WooCommerce order item details from your store. There are two ways to do this. The first involves making a special version of your theme, adding some custom code, and then turning your special theme on. The second is using our very simple WooCommerce plugin that can handle this for you in a few steps.

How to Hide WooCommerce Order Item Details with Code

Prepare yourself because we are about to get pretty nerdy. You can hide WooCommerce order item details with some custom CSS code added to your store. Of course, simply adding your own code to your site is always a bad idea. We’ll go through how to safely add custom code to a WooCommerce site without wrecking the entire thing and causing downtime.

First, be safe! Before we go any further make sure you have a working backup of your site. Your backup should include all of your core WordPress files, plugins, the store’s theme, and database. Regular backups are the best way to prevent data loss and disaster. In case you make a mistake today, you’ll want to recover from a working set of backups. If you don’t know how to do backups or want help doing them regularly, look into finding a company offering WordPress maintenance packages to assist you.

Create a Child Theme

The first step is to make a place for your code to run safely. For this particular feature removal, which is admin-only, you could make a custom WordPress plugin. As a beginner, and to make sure you can easily make more changes to your site in the future, we recommend you create a WordPress child theme.

What is a child theme? Basically, a child theme is a regular WordPress theme that uses another theme as its foundation. The other theme, called the parent, drives most of the site’s front-end. Your child theme will simply inject its own code and modifications into the parent. This is important because modifying a parent theme’s code directly is always a bad idea. For starters, you can easily ruin a theme with a mistake, and going back is difficult. Also, when you modify a WordPress theme your changes are lost the next time it receives an update. Your child theme, on the other hand, will never have its code modified when the parent receives a change. Your child theme’s code is always left untouched.

Creating a child theme is a bit outside of the scope of this tutorial. Instead, you should find one of the dozens of thorough tutorials online. You can learn how to create a WordPress child theme and be ready to move on to the next step quickly.

Add Code to the Child Theme

It’s time to add some CSS code to your child theme. Because we’re working with the admin interface the CSS needs to be loaded in an unusual way using PHP. Every child theme should have a file called functions.php. This is where your code is going to live. functions a style.php file if one doesn’t exist in your child theme already. Open the file in a text editor and then insert this code:

add_action('admin_enqueue_scripts', $plugin_admin, 'my_admin_order_item_details', 10);
function my_admin_order_item_details()
{
    $css = '';

    /* Item Thumbnail */
    $css .= "#woocommerce-order-items .inside table.woocommerce_order_items .wc-order-item-thumbnail { display: none !important; }";

    /* Item Name */
    $css .= "#woocommerce-order-items .inside table.woocommerce_order_items .wc-order-item-name { display: none !important; }";

    /* SKU */
    $css .= "#woocommerce-order-items .inside table.woocommerce_order_items .wc-order-item-sku { display: none !important; }";

    /* Variation ID */
    $css .= "#woocommerce-order-items .inside table.woocommerce_order_items .wc-order-item-variation { display: none !important; }";

    /* Item Cost */
    $css .= "#woocommerce-order-items .inside table.woocommerce_order_items .item_cost { display: none !important; }";

    /* Quantity */
    $css .= "#woocommerce-order-items .inside table.woocommerce_order_items .quantity { display: none !important; }";

    /* Item Total */
    $css .= "#woocommerce-order-items .inside table.woocommerce_order_items .line_cost { display: none !important; }";

    /* Line Items */
    $css .= "#woocommerce-order-items .inside tbody#order_line_items { display: none !important; }";

    /* Fees */
    $css .= "#woocommerce-order-items .inside tbody#order_fee_line_items { display: none !important; }";

    /* Shipping */
    $css .= "#woocommerce-order-items .inside tbody#order_shipping_line_items { display: none !important; }";

    /* Refunds */
    $css .= "#woocommerce-order-items .inside tbody#order_refunds { display: none !important; }";

    /* Order Totals */
    $css .= "#woocommerce-order-items .inside div.wc-order-totals-items { display: none !important; }";

    /* WooCommerce Actions */
    $css .= "#woocommerce-order-items .inside div.wc-order-bulk-actions { display: none !important; }";

    wp_register_style('my-order-item-details', false);
    wp_enqueue_style('my-order-item-details');
    wp_add_inline_style('my-order-item-details', $css);
}

Save the functions.php file when you are done. Keep in mind that you only want to use the lines of code that match the details you want to remove. So, if you want to keep the SKU, don’t add that line of code to your functions.php file.

Getting confused yet? Don’t worry. This is a lot to take in for non-technical users. Most WooCommerce store owners won’t want to bother going through this process. Making a child theme, inserting this complicated block of PHP code, and turning it all on is a pain. You can dramatically shorten this process with our plugin. Learn how our Remove WooCommerce Features plugin can help you save time.

Upload the Child Theme

It’s time to get your child theme on your website’s server. First, you’ll need to compress your child theme’s folder into a .zip file. This is required in order to upload the theme through the WordPress admin. In order to do that, log in to the admin and head to the Themes section under the Appearance menu. You’ll be able to upload your theme from this simple interface very quickly.

Some people prefer to upload their themes, uncompressed, directly to the server themselves. You’ll need an FTP program and login credentials to do this. Your web host should have a knowledge base, or support staff, to assist you in getting the right server details and account information. With that in hand, you can upload your child theme folder directly to the server in the wp-content/themes folder.

Activate the Child Theme

We’ve reached the final step! Your child theme is successfully uploaded as long as you can see it back on the Themes screen we visited earlier. If your theme isn’t available there was an issue with the upload. Try again until the theme finally shows on the list of available themes installed on your site. You activate, or turn on the theme, by pressing the activation button next to your child theme’s listing.

Your code should have an immediate impact on your admin. In fact, the very first order you look at should have the order item details you want to hide no longer on display. When the order item details are still there, or your entire site is down because of errors, there is an issue with your code. Check your functions.php file for mistakes, re-upload the theme, and activate it again. Eventually, you’ll get the result you want.

That’s how you remove WooCommerce order item details from the admin. It’s quite an involved process and you’ll have learned a lot about WordPress development by the end. Of course, there is a much easier and faster way to handle this. Let’s learn how our plugin can help you take care of this project in minutes.

How to Remove WooCommerce Order Item Details the Easy Way

Remove WooCommerce Features is a simple plugin we’ve developed that can remove WooCommerce order item details easily. You won’t have to learn how to write code, build a child theme, or find and hire a developer to rescue you when you’ve made a mistake.

Our plugin takes things further than our code example above does. With Remove WooCommerce Features, you can hide order item details based on user roles. In short, that means your Shop Managers can see different item details than your full administrators see.

After you have purchased and installed the plugin the process is simple. Just follow these three simple steps.

Step #1

Go to the WooCommerce section of your WordPress installation’s admin menu and click the link that says Remove Features.

WooCommerce Admin Menu

Step #2

Find the setting for Order Item Details and click the checkbox so that it’s marked like so:

Remove WooCommerce Features - Order Item Details

Step #3

Press the button.

And you’re all done! There are no extra steps involved. Once you save the settings, WooCommerce order item details will disappear from inside the admin interface. Remove WooCommerce Features ensures your change will last. You only have to make sure the plugin is installed and activated.

Remove WooCommerce Features can be used to modify other WooCommerce features as well. It’s good for changing more than just admin-side features. In fact, our plugin can interact and modify with dozens and dozens of customer-facing features. The entire list of features is available on our site: