Ajustar imagen producto

Hola.

Si el fondo de la página principal es blanco ¿por qué no le pones fondo blanco a la imagen?. Edita las imágenes, llévalas a la relación de aspecto que te interesa y ponle los marcos de relleno superior e inferior en blanco, expórtalas como jpg y resuelves el problema. O mejor aún edítalas y ajústalas al tamaño final con el fondo que prefieras, blanco como el fondo de página o un color neutro.

Las opciones que te podrían servir usando CSS se te van a aplicar a todas las imágenes, si cuadras unas descuadras las otras, esa es la razón por la que para los productos se deben usar siempre imágenes con la misma relación de aspecto.

Coméntanos si tienes alguna duda y, por favor, recuerda marcar el debate como resuelto cuando así lo consideres, de esta forma nos ayudas a mantener el foro al día.

El problema es que siempre se va a recortar y al ser imágenes con diferentes tamaños no queda bien, ya hice la prueba. De todas formas te dejo el código que debes añadir al CSS adicional:

.woocommerce ul.products li.product a img {
    height: 300px;
}

Con respecto al fondo en móvil puedes modificarlo y, aparte de eso, puedes usar la opción de usar un color neutro.