Buenas tardes,
¿Porque me aparecen las imágenes cortadas en el listado de una categoría de productos desde el móvil?
Por ejemplo:
http://informaticapavon.net/desarrollo/roviandre/tienda/
Si haces clic en la imagen y entras dentro puedes comprobar que la imagen se ve entera, no es recortada por el sistema. ¿Porque la recorta? ¿Como podemos quitar este recorte para que aparezca completa?
La imagen debería de adaptarse, no recortarse.
Adjunto captura de pantalla.
Gracias.
Espero noticias.
Un saludo, EP
URL del sitio: Contenido solo visible a usuarios registrados
Hola
En realidad lo que se muestra en el listado (la imagen recortada) es una imagen miniatura, diferente a la que se muestra en el detalle.
Para acomodar cómo se visualiza en móviles puedes probar con el siguiente código CSS, agrega este código al fina del archivo : wp-content/themes/epimeteo_wp/style.css
.woocommerce ul.products li.product a img{ width: 100%!important;; max-height: auto!important; }
Refresca el navegador para ver los cambios.
Saludos.
Buenas tardes,
He puesto este código:
.woocommerce ul.products li.product a img{ width: 100%!important; max-height: auto!important; }
pero no surge ningún efecto, las imágenes en la vista tienda:
http://informaticapavon.net/desarrollo/roviandre/tienda/
o en la vista categoría:
http://informaticapavon.net/desarrollo/roviandre/categoria-producto/bancos-reposapies/
Porque?
Gracias.
Espero noticias lo antes posible.
Saludos,
Buenas tardes,
No creo que ese sea el problema. El problema es que se están creando con un ancho y demensiones que son iguales en vez de como lo tengo configurado: 187*250
Ustedes indicáis en un post que instalamos este plugin: Simple Image Sizes para el tema de las imágenes.
https://www.webempresa.com/blog/imagenes-en-wordpress-gestionando-los-tamanos-correctos.html
Nosotros lo hemos instalado y hemos regenerado las miniaturas a ese tamaño pero nada siguen apareciendo de otra forma pero ojo!, por ejemplo, en esta página:
http://informaticapavon.net/desarrollo/roviandre/categoria-producto/sillas-de-comedor-barroco/
aparece la miniatura con estas dimensiones: 187*187, sin embargo, en la página 2 de esta categoría aparecen bien:
porque?
Por otra parte, adjunto capturas de pantalla de la configuración de los tamaños de las imágenes.
Gracias.
A ver si podemos solucionar este tema hoy, nos urge.
Un saludo, EP
Hola
El problema es que las miniaturas no se han generado correctamente, realiza la siguiente prueba para el primer producto de esta página.
Contenido solo visible a usuarios registrados
Prueba eliminar las imágenes y súbelas nuevamente para ese producto, verifica si se genera correctamente la miniatura si lo haces manualmente.
Saludos.
Buenas tardes,
La he subido manualmente y para esta foto que estaba bien, la miniatura se ha creado de forma incorrecta.
Las cuarta foto que está en esa línea, la miniatura es correcta. Tengo configurado 180*250 pero no lo coge. ¿Porque?
A ver si podemos solucionarlo lo antes posible.
Muchas gracias!!
Un saludo,
Hola
Con las tres primeras opciones que te da WordPress para el redimensionado debería ser suficiente, desactiva el resto de plugins relacionados con la generación de miniaturas y realiza la prueba nuevamente, ya que teóricamente debería recortarte el thumbnail.
Saludos.
Buenas tardes,
He realizado nuevamente la prueba y tampoco. He desactivado el plugin pero me sigue apareciendo igual.
Adjunto configuración actual.
A ver si podemos resolverlo. Seguro que debe ser una tontería pero no damos con ella.
Gracias por tu ayuda.
Un saludo, EP
HOla
En el tamaño de la miniatura usa: 267 × 267, que son las dimensiones que tienes para las imágenes actualmente, cambia esto y prueba subir nuevamente la imagen.
Saludos.
Buenos días,
Cuando indicas 267*267 imagino que te refieres a 300*300 o 1024*1042 que son los tamaño de la imágenes medio y grande, el tamaño de la miniatura como puedes ver en la imagen adjunta anterior es de 180*250.
De todas formas, he modificado todas los tamaños y he vuelto a realizar la prueba y nada.
Adjunto configuración actual.
Gracias.
Un saludo, EP
Hola
Me refiereo a tamaño de miniatura, a la primera opción (la que tiene marcado el check de recorte)
Prueba dejarlo en 267*267
Sin embargo Woocommerce también maneja sus propias miniaturas, revisa en, Ajustes > Temas, ubica el theme que estas usando y luego en Personalizar, verás que tienes una opción de Woocommerce, luego en Produt images puedes verificar qué dimensiones tienes para la miniatura. (envía una captura de pantalla en caso aún no resuelvas)
Recuerda que para probar tienes que subir nuevamente la imagen.
Saludos.
Hola
En realidad lo que se muestra en el listado (la imagen recortada) es una imagen miniatura, diferente a la que se muestra en el detalle.
Para acomodar cómo se visualiza en móviles puedes probar con el siguiente código CSS, agrega este código al fina del archivo : wp-content/themes/epimeteo_wp/style.css
.woocommerce ul.products li.product a img{ width: 100%!important;; max-height: auto!important; }Refresca el navegador para ver los cambios.
Saludos.
Hola
Actualmente veo que ya todas tienen las mismas dimensiones en:
Contenido solo visible a usuarios registrados
Entiendo que has podido solucionar tu problema.
Saludos.