Avisos
Vaciar todo
Buenas tardes,
Tengo un sitio con Virtuemart recién actualizado (v. 3.2.1), y resulta que tengo un problema con las imágenes redimensionadas.
Las subo cuadradas 600x600, y tengo la redimensión a 300x300, pero aparecen como muy alargadas, pero solo en la última fase de la navegación, justo antes de acceder al producto en sí.
He probado a modificar la redimensión a 295x295, a 400x400, a mirar el número por defecto de categorías en una fila, etc. pero nada da resultado.
¿Cómo puedo solucionarlo?
Gracias y un saludo.
URL del sitio: Contenido solo visible a usuarios registrados
Respondido : 06/04/2017 3:07 pm
Hola
Si has cambiado las dimensiones tienes que regenerar las minauturas, o prueba subiendo una nueva imagen y verifica.
Saludos.
Respondido : 06/04/2017 7:43 pm
Sí, entiendo lo que dices, pero lo he revisado y tanto en el código fuente como en el FTP las imágenes aparecen en las dimensiones correctas, parece un tema de la plantilla, o algo así, pero no son las imágenes en sí, sino cómo se muestran.
He actualizado Virtuemart y tiene que ser algo que se me escapa.
¿Alguna idea?
Respondido : 07/04/2017 11:16 am
Hola
Puedes indicarnos la url de algún producto en el cual presentas el problema?
Actualmente veo tus imágenes de 600x600
Contenido solo visible a usuarios registrados
Saludos.
Respondido : 07/04/2017 6:20 pm
La he adjuntado en el primer mensaje.
La imagen que indicas está bien porque estás ya dentro del producto, es en la ventana de antes cuando falla: solo en la última fase de la navegación, justo antes de acceder al producto en sí.
Respondido : 10/04/2017 10:25 am
Hola.
.- edita el archivo vm-ltr-site.css que encontraras en components/com-virtuemart/assents/css/vm-ltr-site.css y añade el siguiente codigo al final del archivo
.browseProductImage {
max-height: auto !important;
width: auto;
max-width: 100%;
}
Un saludo
Respondido : 10/04/2017 11:36 am
Hola Pepe. Hecho, pero no parece que cambie nada ):
Respondido : 10/04/2017 12:11 pm
Hola Denver.
Ok, prueba lo siguiente:
.- edita el archivo vm-ltr-site.css que encontraras en la ruta ->components/com_virtuemart/assets/css/vm-ltr-site.css
.- sobre la linea 933 encontraras el siguiente código:
.browseProductImage {
max-height: 90px;
max-width: 100%;
width: auto;
}
.- Elimina la linea max-height: 90px;
.- El código resultante seria este:
.browseProductImage {
max-width: 100%;
width: auto;
}
Este seria el resultado:
Un saludo
Respondido : 10/04/2017 2:18 pm
Joe, pues mira que te agradezco la respuesta tan detallada, pero parece que no me funciona...
He modificado el archivo, tanto dejando al final como me comentaste en el principio:
.browseProductImage {
max-height: auto !important;
width: auto;
max-width: 100%;
}
Como quitándolo y ejecutando la modificación en ambos casos de...
.browseProductImage {
max-width: 100%;
width: auto;
}
Pero parece que las imágenes siguen viéndose mal. Adjunto captura.
P. D.: he probado en varios navegadores, borrando caché, etc.
Respondido : 11/04/2017 1:39 pm
Hola.
lo acabo de probar y veo que ya se muestra bien:
Prueba a recargar la pagina pulsando la tecla ( F5 ), esto volverá a cargar de nuevo la cache de tu web.
Un saludo
Respondido : 11/04/2017 2:29 pm
Pues mira, tienes toda la razón...
Arreglado pues. Muchas gracias tanto a ti Pepe como a John (:
Respondido : 11/04/2017 2:42 pm
Hola.
Nada un placer poder ayudaros en lo que este en nuestras manos :cheer:
Cualquier consulta que tengas no dudes en ponerte en contacto con nosotros. 😉
Cerramos el tema.
un saludo
Respondido : 11/04/2017 3:09 pm
