Buenas tardes,
Hice caso a vuestras recomendaciones y puse los siguientes estilos a un producto de virtuemart 2:
height: 170px
width: auto
Para que no salga distorcionada, pero hay mucha diferencia entre esta imagen:
con este link me refiero a la imagen principal del producto, cuando pinchas en ella y se abre se ve con mucha más claridad que la que sale.
No se puede mejorar un poco?
En virtuemart 1.1.9 no pasaba eso. Ya se que el funcionamiento es totalmente distinto, pero quiero mejorar la visión de la imagen principal de un producto un poco más...
Saludos, Enrique P.
URL del sitio: Contenido solo visible a usuarios registrados
Hola Enrique,
Es obvio que imágenes como la del pantalón en la que fuerzas un ancho (170) y estableces un alto automático (no se si este valor lo forzaste antes o después de subir la imagen) se acabe viendo distorsionada, son imágenes que en ese tamaño de miniatura resultan difíciles de visualizar bien y solo se obtiene una buena visualización cuando se amplían.
Tema complicado porque cada imagen tendrá un problema diferente en función del tamaño real de la imagen y del resultado que buscas obtener, lo que a una le ira bien a otras imágenes les ira peor.
Saludos
Hola Luis,
Es que si lo dejo todo automático se ponen muy pequeñas...
Saludos, Enrique P.
Hola Enrique,
170x170 no es un tamaño "pequeño" para las imágenes de miniatura de productos de VirtueMart.
Lo ideal, como ya hemos explicado antes, es que las imágenes, todas, tengan el mismo tamaño de ancho y alto independientemente de que luego haya menos o más blanco alrededor de las mismas, es una tarea pesada pero necesaria si quieres conseguir un equilibrio visual de los productos en las diferentes vistas de VirtueMart.
Saludos
Hola Luis,
Con tu explicación me estás dando a entender de que lo ponga auto no?
Se podría poner auto, pero para el cuadro de la foto no se puede poner un tamaño fijo?
Saludos, Enrique P.
Hola,
En tu caso el problema está en que hayas puesto el valor de width como auto se está aplicando también el estilo max-width: 100%; que prevalece sobre el anterior. Si añades un estilos CSS
max-width:none !important;
a tu hoja de estilos CSS se dejará de aplicar lo anterior y entonces sí que mantendrían las proporciones.
Buenas tardes Pablo,
Ya he cambiado el valor de max-width, todavía sale borroso, si lo dejo en auto tanto el ancho como el auto, se ponen muy pequeña la imagen no?
Saludos, Enrique P.