Muestra las imágenes de los productos en el checkout de WooCommerce

Por defecto en WooCommerce, las imágenes de los productos que hemos añadido para comprar salen en el carrito pero no en la página de compra(donde el cliente pone la tarjeta). En ocasiones el cliente no sabe distinguir muy bien el producto seleccionado por el nombre, por lo que le ayudamos bastante a la compra si se la mostramos. Mejorando así la experiencia de usuario.

Para conseguir mostrarlas añadiremos este código al archivo functions.php de nuestro child theme o bien al plugin de funcionalidades como explico aquí.

add_filter( 'woocommerce_cart_item_name', 'dl_imagen_producto_checkout', 9999, 3 );
  
function dl_imagen_producto_checkout( $name, $cart_item, $cart_item_key ) {
    if ( ! is_checkout() ) return $name;
    $product = $cart_item['data'];
    $thumbnail = $product->get_image( array( '55', '55' ), array( 'class' => 'alignleft' ) );
    return $thumbnail . $name;
}

Pasamos de este resultado en el que ni se fija el cliente:

mostrar imagenes de los productos en la pagina de pago

A este más visual y usable para nuestra tienda online:

ensenar foto del producto checkout woocommerce

Recomiendo este código para cualquier tienda online, pero sobretodo para tiendas online de ropa, complementos, dibujos, merchandising, etc. Cualquier duda como siempre en comentarios.

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

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 suscribirte a mi newsletter para no perderte ninguna novedad

Reader Interactions

Deja una respuesta

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