Avisos
Vaciar todo

Mostrar imágenes woocommerce todas en el mismo tamaño  

 
Rafael
 Rafael
Usuario activo

Buenas tardes,

De que forma o manera podemos mostrar las imágenes para que cuadren más o menos? Todas tiene un tamaño diferente.

Se ve el fondo blanco y un parche, no hay forma de que la imagen se adapte al cuadro?

En la página del producto nos pasa igual.

https://acortar.link/Enx1t3

Demasiado cuadro blanco, muy poco foto. No se puede ampliar la foto? reducir un poco el cuadro? Para darle más estilo a la web.

Gracias.

 

Saludos,

Contenido solo visible a usuarios registrados

Citar
Respondido : 13/02/2024 9:06 pm
Bruno
 Bruno
Soporte CMS Webempresa Moderator

Que tal Rafael,

Viendo el producto al que haces referencia, el problema viene a la proporción que se esta utilizando en las imagenes de los productos

Esta proporción por defecto tiene un aspecto mas "cuadrado" y bien podrias editar las imagenes de forma previa para que puedan verse de forma correcta

Si esta no es una opción tambien es posible cambiar esta proporcion de las imagenes desde el apartado Apariencia -> Personalizar -> WooCommece -> Imagenes de producto

image

Si deseas saber mas sobre como ajustar los tamaños de las imagenes de WordPress y WooCommerce puedes echarle un vistazo a los siguientes articulos

- https://www.webempresa.com/blog/imagenes-en-wordpress-gestionando-los-tamanos-correctos.html
- https://www.webempresa.com/blog/cambiar-tamanos-imagenes-productos-woocommerce.html

Saludos!

ResponderCitar
Respondido : 13/02/2024 9:33 pm

optimiza-automaticamente-todas-las-imagenes-de-tu-wordpress

Rafael
 Rafael
Usuario activo

Buenos días,

Quitando este estilo:

image

Me aparecen más grandes las fotos o sin menos margen, no se exactamente que hace. ¿Cómo puedo anularlo y donde?

 

Gracias.

Saludos,

 

ResponderCitar
Respondido : 14/02/2024 10:09 am
Pepe
 Pepe
Soporte CMS Webempresa Admin

Hola Rafael.

Puedes añadir lo siguient een apariencia -> Personalizar -> CSS adicional:

.woocommerce ul.products li.product a img {
max-height: fit-content;
object-fit: inherit;
}

 

Como recomendación, intenta subir las imágenes con el mismo tamaño, si no lo haces vas a estar siempre con ese problema.

 

Un Saludo

 

ResponderCitar
Respondido : 14/02/2024 11:13 am

wpdoctor-revisa-la-salud-de-tu-wordpress