Problema tamaño desigual imagenes productos  

Hola Juan

Puedes agregar un estilo CSS para definir una altura mínima

Agrega el siguietne código a algún archivo .css o .less que carga tu plantilla.

.moduletable_pro .spacer .cat-image a.imgage{
	min-height:150px;
}

Saludos

ok... Gracias Jhon... Voy a probar a ver... Un saludo

Hola... He probado el estilo recomendado por jhon pero no hace nada... Además el estilo solo hace referencia al minimo tamaño en altura pero se trata de que la imagen sea rellenada con un fondo hasta el tamaño deseado para evitar que se deforme o pixele... Gracias

Hola,

Este problema es bastante común en Virtuemart. El problema viene provocado por el hecho de las imágenes que se suben a la tienda no tienen todas la misma relación entre el ancho y el alto.

Aunque en la configuración de Virtuemart se establece el ancho y el alto para las miniaturas esto realmente se refiere a los valores máximo que pueden tener. Te pongo un ejemplo: supongamos que configuramos las miniaturas para que tengan un tamaño de 200 píxels de ancho y 200 de alto. Si subimos una imagen con un tamaño de 800x400 la miniatura tendrá un tamaño de 200x100. Sin embargo, si subimos una imagen con un tamaño 400x800 la miniatura tendrá un tamaño de 100x200. Es decir, ajusta el tamaño a los máximos que puede tener.

Para evitar estos descuadres como el de la captura de pantalla que has enviado habría que aplicar algunos cambios en los estilos CSS.

Actualmente no veo que se muestren en tu página de inicio ningún producto, por lo que no puedo ver cómo ha funcionado el cambio que te ha propuesto Jhon. Tendrías que mostrar productos aquí para que te pueda orientar.

Un detalle, realizando pruebas en tu web veo que no puedo seleccionar elementos de submenú, ya que estos desaparecen cuando trato de ir a ellos. Si se trata de un problema con la plantilla tendrías que consultar a los desarrolladores.

Gracias Pablo... Eso es lo que necesito, unos estilos css para que corriga ese problema con las imagenes... Ya he colgado unas imagenes para que las veas... El template es de prueba hasta ver su comportamiento final ... gracias por el apunte... Espero a ver si puedes solucionarmelo... Muchas gracias

Hola,

Prueba a agregar un código CSS como el siguiente, debería funcionar:

.moduletable_pro .spacer .cat-image {
min-height: 208px;
}

Hola... Nada... No hay cambios... Lo he puesto en todos los archivos css y nada... He limpiado cache, etc... Os adjunto la carpeta css por si os sirviera de algo... Un saludo

Hola,

Prueba a insertar el código al final del fichero: /templates/leo_tools/css/template.css

Saludos.

Hola,

Como podras comprobar, ahora lo que se consigue es dejar todos los cuadros de las imagenes al mismo tamaña, ya queda menos, ahora solo faltaria que el resto del cuadro se rellenara en blanco y centrara la imagen, un saludo y gracias

Hola,

No te haz planteado colocar todas las imágenes del mismo tamaño para evitar incrustar código en la plantilla?
veo un proceso mucho mas sencillo de esta manera.

Saludos.

Hola, eso he hecho, todas las imagenes iguales, es un trabajo mas lento pero garantiza que sea mas estetico... Gracias y un saludo...