Buenas tardes,
Siempre subo las imágenes en tamaño 800x800, pero en la previsualización y en la home, si lo observas de móvil o tablet se ve realmente de baja calidad todas las imágenes.
Luego cuando entras en el producto se ve correctamente todo, incluso ampliando la imagen.
La web es Contenido solo visible a usuarios registrados
Hola
Revisa si tienes definidos tamaños para las miniaturas generadas, desde el backend de PrestaShop en Diseño > Ajustes de imágenes. Puedes enviar una captura de pantalla.
Saludos.
Hola violeta.
Exacto esa es la página donde se indican las dimensiones que se generan de cada imagen.
En esa misma página al final verás que tienes una opción para regenerar las miniaturas de las imágenes:
Revisa si después de regenerar las imágenes se soluciona.
Un saludo
Tardó un buen rato pero se ven exactamente igual de mal
¿tengo que cambiar algún tamaño antes o algo así?
Hola violeta.
Veo que se está redimensionando la imagen, es decir se le está pasando un tamaño fijo y por eso se redimensiona la imagen:
category a.product_img_link img { width: 314px; }
Ese valor tendría que ser automático:
category a.product_img_link img { width: auto!important; }
Ya que el valor para esas imagenes por defecto es de 250px
Al tener un tamaño fijo lo que hace es redimensionar esa imagen de 250 px a 314px con lo que se pierde calidad.
Lo primero es eliminar ese código o modificarlo dando el valor de Auto, no se en que archivo lo tendrás ya que carga todo en caché y no puedo verlo pero supongo que tendrás un archivo custom.css o style.css
Puedes probar añadir lo siguiente al archivo custom.css y ver si funciona:
.category a.product_img_link img { width: auto!important; }
Si después de eso quieres que esas imagen sean más grandes tienes que cambiar los valores de home_default por ejemplo 300px
Para que surta efecto una vez cambiados los valores tienes que regenerar de nuevo las imágenes.
Un saludo
He añadido el código en global.css hay estaba el primer código que mencionaste, lo sustituí, y volver a regenerar imágenes.
Como no cambió nada, añadí el código tambien en custom.css y cambié el tamaño a 300px pero creo que no ha habido ningún cambio, al menos que yo aprecie ¿puede ser que tenga que cambiar algo más?
Te envío captura de cómo me aparecen la imágenes, luego al hacer clic en el producto si mejora la calidad
Hola
Prueba agregar el siguiente código CSS al final de alguno de los archivos CSS que carga tu theme.
.product-container img{ max-width:90%; }
Saludos.