imagenes generadas ...
Avisos
Vaciar todo

Hosting WordPress 70% dto Dominios promo

imagenes generadas por prestashop  

 
Violeta
 Violeta
Usuario experto

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

Citar
Respondido : 10/12/2019 5:17 pm
Jhon
 Jhon
Soporte CMS Webempresa Moderator

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.

ResponderCitar
Respondido : 10/12/2019 6:29 pm

Cursos Gratuitos WordPress

Violeta
 Violeta
Usuario experto

No encuentro de lo de diseño -> ajuste
He encontrado una sección que pone imágenes, y aparece tamaños. Envío captura por si es a lo que te refieres

ResponderCitar
Respondido : 11/12/2019 10:22 am
Pepe
 Pepe
Soporte CMS Webempresa Admin

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

ResponderCitar
Respondido : 11/12/2019 10:50 am

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

Violeta
 Violeta
Usuario experto

Tardó un buen rato pero se ven exactamente igual de mal
¿tengo que cambiar algún tamaño antes o algo así?

ResponderCitar
Respondido : 11/12/2019 11:23 am
Pepe
 Pepe
Soporte CMS Webempresa Admin

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

Agenda digital para iPhone 2020

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

ResponderCitar
Respondido : 11/12/2019 3:54 pm

wpdoctor-revisa-la-salud-de-tu-wordpress

Violeta
 Violeta
Usuario experto

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

ResponderCitar
Respondido : 11/12/2019 4:55 pm
Jhon
 Jhon
Soporte CMS Webempresa Moderator

Hola

A nivel de CSS no puedes hacer mucho si tu imagen ya carga con un tamaño pequeño.
Has cambiado el tamaño home_default?, ver imagen adjunta, déjalo a 800x800, regenera imágenes y verifica

Saludos.

ResponderCitar
Respondido : 11/12/2019 6:14 pm

Violeta
 Violeta
Usuario experto

Genial!
Se ha resuelto el tema de la calidad de imágenes, ya pueden leerse perfectamente las miniaturas.
Solo que tiene un efecto secundario y es que ahora se solapan las imágenes en las categorías. Adjuntada captura.

¿Es posible separarlas un poco?
Gracias!!!

ResponderCitar
Respondido : 12/12/2019 6:26 pm
Jhon
 Jhon
Soporte CMS Webempresa Moderator

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.

ResponderCitar
Respondido : 12/12/2019 6:52 pm

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