WooCommerce: Display Product SKU on Cart Page

For Most websites, the product SKU code isn’t a primary focal point, but for websites where product SKU codes are of importance to customers, displaying the SKU code on the cart page can be achieved with a few lines of PHP code.

For most themes, the product SKU code is displayed on the product page, but not on the cart page. To include the SKU code underneath each line item on the cart page, we’re going to use a simple hook.

What is a Hook?

Hooks essentially allow us to change or modify code without editing core files. They are used extensively throughout WordPress and WooCommerce.

When using a hook to add or manipulate code, you can add your custom code in a variety of ways:

  • Add code to a child theme‚Äôs functions.php file
  • Add code via a custom plugin

Often a feature of b2b businesses and larger eCommerce stores, adding the product SKU code on the cart page can be achieved by including the following PHP snippet.

Add the following PHP snippet to your theme’s functions.php file to show the product SKU on the cart page.

/**
 * @function      Display Product SKU on WooCommerce Cart Page
 * @author        Robert Mullineux
 * @testedwith    WooCommerce 4.3.3
 * @website       https://robertmullineux.com.au/
 */
 
add_action( 'woocommerce_after_cart_item_name', 'display_sku_below_cart_item_product_name', 11, 2 );
 
function display_sku_below_cart_item_product_name( $cart_item, $cart_item_key ) {
   $_product = apply_filters( 'woocommerce_cart_item_product', $cart_item['data'], $cart_item, $cart_item_key );
   $sku = $_product->get_sku();
   if ( ! $sku ) return;
   echo '<small>SKU: ' . $sku . '</small>';
}

WooCommerce Display Product SKU on Cart Page Guide

Please ensure you know what you are doing when editing theme files and where possible always use a child theme.

If you need to speak with an expert WooCommerce developer, please don’t hesitate to contact me and let’s chat about your goals.

Posted on August 15, 2020 | Categories: Blog