Las imágenes de los productos se ven en tu tienda, en el carrito de compra, pero ¿y si también las mostramos en la página de agradecimiento?, esa página que confirma al cliente que ha realizado el pedido.
No es ninguna tontería, y mucho menos algo trivial. Ten en cuenta que la página de agradecimiento es la primera confirmación para el cliente de que se ha realizado el pedido, y te sorprendería la de gente que guarda como PDF o incluso imprime esa página, mientras no le llegue confirmación por otra vía.
El hecho de que se muestren las imágenes de los productos que ha comprado sirven para ofrecer la tranquilidad de que los productos son los que quería, de manera visual, y es algo que tus clientes van a agradecer, además de ser un buen detalle de personalización.
Si te animas solo tienes que añadir una función para lograrlo, esta:
/* Imagenes de producto en pagina agradecimiento */
add_filter( 'woocommerce_order_item_name', 'ayudawp_imagen_producto_agradecimiento', 9999, 3 );
function ayudawp_imagen_producto_agradecimiento( $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 = '<p style="width: 100px; height: 100px; display: inline-block; vertical-align: middle;">'
. $thumbnail .
'</p>';
return $image . $name;
}Añade el código al archivo functions.php del tema activo, en un plugin personalizado, o como prefieras, y el cambio es notorio, y a mejor.
Un pequeño cambio que aporta mucho ¿no crees?
¿Te gustó este artículo? ¡Ni te imaginas lo que te estás perdiendo en YouTube!
Pues he tenido un problemilla al insertar este código. Al generar pedido, incluye también la foto en la confirmación de nuevo pedido pero a tamaño grande. O sea, el tamaño original.
Para tu tema tendrás que cambiar algo el CSS
Gracias! gusté de esto…
Muchas gracias, es una idea muy buena.
Si no me equivoco, hay un problema con el código: se abre un párrafo y se cierra un div. Yo lo he solucionado añadiendo el div antes del p, y cerrando el dic después del cierre del p.
Es que estuve probando con divs y ps a ver cómo quedaba mejor y me dejé al final a medias jaja. Gracias 🙂
He cambiado también get_image(); por get_image(array(100,100)); para forzar el tamaño, ya que los emails recibidos en Outlook 365 muestran las imágenes se veían muy grandes.
Por cierto, pensaba que poner ! is_checkout() haría que solo se vieran las imágenes en la página de gracias, pero también se ven en todos los emails.