• Saltar a la navegación principal
  • Saltar al contenido principal
Código Genesis

Código Genesis

Tutoriales de WordPress y Genesis Framework

  • Empieza aquí
  • Cuenta
    • Suscripción
    • Perfil
    • Actualizar tarjeta
    • Favoritos
    • Salir
  • Suscribirse
  • Acceder

Personalizar la imagen por defecto de los productos de WooCommerce

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:

Imagen por defecto en WooCommerce

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.

Imagen personalizada por defecto en WooCommerce.

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. 😉

PHP Productos WooCommerce

Nahuai Badiola

Desarrollador web especializado en WordPress y Genesis Framework. CEO de Código Genesis y cofundador de OsomPress (temas y plugins para WordPress).

Para dejar dudas o preguntas sobre este código, puedes login o suscribirte.

  • Empieza aquí
  • Sobre Código Genesis
  • Preguntas frecuentes
  • Contacto

Aviso legal · Política de privacidad · Política de cookies · Condiciones de contratación
Copyright © 2023 · Código Genesis

¿Has olvidado tu contraseña?