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

LucusHost, el mejor hosting

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:

mostrar fotos productos pagina de gracias

Tutoriales relacionados:

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!

¡Haz clic para puntuar esta entrada!
(Votos: 0 Promedio: 0)
mailerlite diegol

Especialista en Comercio electrónico con Woocommerce. Te ayudo a crear, gestionar y publicitar tu Ecommerce en función de tu sector y público objetivo. Puedes encontrarme en Diegol.top

¿Necesitas ayuda con este tutorial? Mándame un correo y te resuelvo todas las dudas!


Ver servicios Curso de WooCommerce

También puedes realizar una donacion para seguir apoyando la salida de nuevos tutoriales y actualizaciones

mailerlite diegol

Reader Interactions

Deja una respuesta

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *