How to add Ordered Product Thumbnails to WooCommerce Checkout Page

In default setup of WooCommerce, there is no product thumbnail at checkout page.

Via the snippet below, you can show the product ordered and by this way you can offer better experience to your customers. It is better for UX since you will remove the burden from customer the worry of “did i order the correct one? I need to check it again.”

This would go to functions.php of your child theme. Or If you use theme customizations plugin, you can add custom function php section.

// cart and checkout inline styles (To be removed and added in your theme's styles.css file)
add_action( 'wp_head', 'custom_inline_styles', 900 );
function custom_inline_styles(){
if ( is_checkout() || is_cart() ){

get_image(array( 70, 70));
$image_html = '



$product_name = $image_html . $product_name;
return $product_name;

// Cart item qquantity in checkout
add_filter( 'woocommerce_checkout_cart_item_quantity', 'filter_checkout_cart_item_quantity', 20, 3 );
function filter_checkout_cart_item_quantity( $quantity_html, $cart_item, $cart_item_key ){
return ' ' . sprintf( '× %s', $cart_item['quantity'] ) . '

// Product attribute in cart and checkout
add_filter( 'woocommerce_get_item_data', 'product_descrition_to_cart_items', 20, 2 );
function product_descrition_to_cart_items( $cart_item_data, $cart_item ){
$product_id = $cart_item['product_id'];
$product = wc_get_product($product_id);
$taxonomy = 'pa_delivery';
$value = $product->get_attribute($taxonomy);
if ($product->get_attribute($taxonomy)) {
$cart_item_data[] = array(
'name' => get_taxonomy($taxonomy)->labels->singular_name,
'value' => $product->get_attribute($taxonomy),
return $cart_item_data;

I get this code from this link and tested it.