Avisos
Vaciar todo

Ancho y alto de de la imagen de un producto  

 
Enrique
 Enrique
Famed Member

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

Citar
Respondido : 22/05/2013 4:42 pm
Luis Mendez Alejo
 Luis Mendez Alejo
Miembro Admin

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

ResponderCitar
Respondido : 22/05/2013 7:14 pm

Enrique
 Enrique
Famed Member

Hola Luis,

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

Saludos, Enrique P.

ResponderCitar
Respondido : 22/05/2013 8:00 pm
Luis Mendez Alejo
 Luis Mendez Alejo
Miembro Admin

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

ResponderCitar
Respondido : 22/05/2013 10:44 pm

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

Enrique
 Enrique
Famed Member

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.

ResponderCitar
Respondido : 23/05/2013 3:58 pm
Pablo Velasco
 Pablo Velasco
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.

ResponderCitar
Respondido : 23/05/2013 4:23 pm

Cursos Gratuitos WordPress

Enrique
 Enrique
Famed Member

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.

ResponderCitar
Respondido : 23/05/2013 5:49 pm
Johnny Heredia Montiel
 Johnny Heredia Montiel
Miembro Moderator

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.

ResponderCitar
Respondido : 24/05/2013 12:00 am

Gestor de Contraseñas - VPN Conexión Segura - Gestor 2FA (Segundo Factor de Autenticación