Avisos
Vaciar todo

Ancho y alto de de la imagen de un producto

8 Respuestas
4 Usuarios
0 Reactions
1,631 Visitas
Respuestas: 2640
Famed Member
Topic starter
 

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:

http://www.informaticapavon.net/desarrollo/roviandre/tienda/index.php?option=com_virtuemart&view=productdetails&virtuemart_product_id=236&virtuemart_category_id=141

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


 
Respondido : 22/05/2013 3:42 pm
Luis Mendez Alejo
Respuestas: 23273
Illustrious Member
 

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


 
Respondido : 22/05/2013 6:14 pm
Respuestas: 2640
Famed Member
Topic starter
 

Hola Luis,

Es que si lo dejo todo automático se ponen muy pequeñas...

Saludos, Enrique P.


 
Respondido : 22/05/2013 7:00 pm
Luis Mendez Alejo
Respuestas: 23273
Illustrious Member
 

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


 
Respondido : 22/05/2013 9:44 pm
Respuestas: 2640
Famed Member
Topic starter
 

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.


 
Respondido : 23/05/2013 2:58 pm
Pablo Velasco
Respuestas: 20382
Illustrious Member
 

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.


 
Respondido : 23/05/2013 3:23 pm
Respuestas: 2640
Famed Member
Topic starter
 

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.


 
Respondido : 23/05/2013 4:49 pm
Johnny Heredia Montiel
Respuestas: 20131
Miembro
 

Hola Enrique,

La modificación del código no tiene mucho que ver con la calidad de la imagen, te recomendaria que subas la imagen con la proporción correcta para aumentar la calidad de la misma, sin embargo puedo visualizar la imagen de un forma aceptable:

Saludos.


 
Respondido : 23/05/2013 11:00 pm