Mostrar las imágenes de los productos en la página de gracias de WooCommerce

Un tutorial que me han pedido bastante después de haber hecho tutoriales parecidos en la web que los tendréis al final del post.

Una de las ventajas de añadir esta funcionalidad, es que el cliente cuando ya haya pagado vea en imágenes lo que le va a llegar, no solo el texto, ya que puede dudar de lo que ha comprado.

Para ello como siempre añadimos el siguiente código en el fichero functions.php de nuestro child theme o bien en nuestro plugin de funcionalidades como explico aquí.

add_filter( 'woocommerce_order_item_name', 'dl_imagen_producto_pag_gracias', 9999, 3 );
function dl_imagen_producto_pag_gracias( $name, $item, $extra ) {
    if ( ! is_checkout() ) 
        {return $name;}
    $product_id = $item->get_product_id();
    $_product = wc_get_product( $product_id );
    $thumbnail = $_product->get_image();
    $image = '<div class="dl_imagen_producto_pagina_gracias" style="width: 50px; height: 50px; display: inline-block; vertical-align: middle;">'
                . $thumbnail .
            '</div>'; 
    return $image . $name;
}

Consiguiendo el siguiente resultados al mostrar las imágenes en la pagina de gracias:

Tutoriales relacionados:

• Mostrar las imágenes en el checkout
• Mostrar imágenes de la galería del producto en el catálogo de WooCommerce
• Mostrar la imagen de los productos en los correos de WooCommerce

Cualquier duda sobre el tutorial de ver las fotos de los productos en la página de gracias por tu compra los leo en comentarios!