Aprende en este tutorial cómo modificar la imagen placeholder que usa WooCommerce en los productos sin imagen destacada mediante de código.
Si estás acostumbrado a utilizar WooCommerce te habrás dado cuenta que cuando no se añade una imagen destacada a un producto, muestra una por defecto:
Pero es posible que quieras modificarla por otra.
Por ejemplo, si tienes una tienda de tazas seguramente tiene más sentido mostrar la imagen siguiente, ya que es más específica.
Y aquí tienes cómo conseguirlo:
Snippet para personalizar la imagen por defecto de los productos de WooCommerce
Añade el siguiente snippet al fichero functions.php o a tu plugin de funcionalidades:
Para ver este código y los otros 1801 snippets de esta web,
identifícate o suscríbete aquí.
Gracias al filtro woocommerce_placeholder_img_src puedes indicarle la ruta de la imagen que quieres que use como placeholder o imagen por defecto.
Solo tienes que subir la imagen que desees utilizar, si no lo has hecho ya, y modificar la ruta en la línea de $src (solo la parte final '/2022/04/placeholder.svg').
Conclusión
Como ves, con unas pocas líneas de código puedes personalizar la imagen por defecto que usar WooCommerce para los productos donde no has seleccionado una imagen destacada.
¿Alguna duda? Te leo en los comentarios.
Y si quieres darme una sugerencia para próximos tutoriales, déjamela en el formulario de contacto. Ventajas de ser suscriptor. 😉
