La imagen predefinida de Woocommerce es bastante fea, la verdad.
Pero puedes cambiar la imagen que se muestra en tu tienda online con Woocommerce en caso de que un producto o categoría no disponga de imagen destacada.
Cómo cambiar la imagen por defecto en Woocommerce
Sube a la biblioteca de medios de WordPress la imagen que quieras usar como predefinida para los productos o categorías que no dispongan de una.
Una vez subida, se genera una URL para dicha imagen. Cópiala porque la vas a necesitar más tarde.
Agrega este fragmento de código, que asigna la imagen que tu elijas como imagen predeterminada para los productos y categorías de Woocommerce, a tu instalación de WordPress.
// Snippet para cambiar la imagen por defecto en WooCommerce
add_action( 'init', 'jrb_cambiar_imagen_defecto_woocommerce' );
function jrb_cambiar_imagen_defecto_woocommerce() {
add_filter('woocommerce_placeholder_img_src', 'jrb_imagen_defecto_woocommerce_src');
function jrb_imagen_defecto_woocommerce_src( $src ) {
$upload_dir = wp_upload_dir();
$uploads = untrailingslashit( $upload_dir['baseurl'] );
$src = $uploads . '/2022/07/parte-final-url-imagen-wordpress.png';
return $src;
}
}
Lenguaje del código: PHP (php)
Recuerda cambiar la parte de la URL de la imagen (/2022/07/parte-final-url-imagen-wordpress.png) por la de la que quieras que aparezca por defecto en los productos sin imagen destacada de Woocommerce.
Para ello, ve a la biblioteca de medios, sitúate en la imagen que quieras usar y copia la parte correspondiente de su URL. Es todo lo que aparece después de uploads.
¿Dónde pongo este fragmento de código?
Hay varias formas de agregar un snippet a tu instalación de WordPress:
- En un plugin de funcionalidades personalizado.
- En el archivo functions.php de tu tema hijo.
- A través de un plugin de gestión de fragmentos de código como Code Snippets o Advanced Scripts.
Si necesitas ayuda para ello, no dudes en ponerte en contacto conmigo.