Avisos
Vaciar todo

Imágenes en woocommerce en la vista móvil se corta  

 
Enrique
 Enrique
Famed Member

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

Citar
Respondido : 28/06/2018 5:50 pm
Jhon
 Jhon
Soporte CMS Webempresa Moderator

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.

ResponderCitar
Respondido : 28/06/2018 6:19 pm

Cursos Gratuitos WordPress

Enrique
 Enrique
Famed Member

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,

ResponderCitar
Respondido : 23/07/2018 1:57 pm
Enrique
 Enrique
Famed Member

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:

http://informaticapavon.net/desarrollo/roviandre/categoria-producto/sillas-de-comedor-barroco/page/2/

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

ResponderCitar
Respondido : 23/07/2018 3:25 pm

Jhon
 Jhon
Soporte CMS Webempresa Moderator

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.

ResponderCitar
Respondido : 23/07/2018 8:00 pm
Enrique
 Enrique
Famed Member

Buenas tardes,

La he subido manualmente y para esta foto que estaba bien, la miniatura se ha creado de forma incorrecta.

http://informaticapavon.net/desarrollo/roviandre/categoria-producto/sillas-de-comedor-barroco/page/2/

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,

ResponderCitar
Respondido : 23/07/2018 8:13 pm

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

Jhon
 Jhon
Soporte CMS Webempresa Moderator

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.

ResponderCitar
Respondido : 23/07/2018 8:56 pm
Enrique
 Enrique
Famed Member

Buenas tardes,

He realizado nuevamente la prueba y tampoco. He desactivado el plugin pero me sigue apareciendo igual.

http://informaticapavon.net/desarrollo/roviandre/categoria-producto/sillas-de-comedor-barroco/page/2/

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

ResponderCitar
Respondido : 23/07/2018 10:50 pm

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

Jhon
 Jhon
Soporte CMS Webempresa Moderator

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.

ResponderCitar
Respondido : 23/07/2018 11:00 pm
Enrique
 Enrique
Famed Member

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.

http://informaticapavon.net/desarrollo/roviandre/categoria-producto/sillas-de-comedor-barroco/page/2/

Gracias.

Un saludo, EP

ResponderCitar
Respondido : 24/07/2018 9:16 am

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

Jhon
 Jhon
Soporte CMS Webempresa Moderator

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.

ResponderCitar
Respondido : 24/07/2018 6:41 pm
Enrique
 Enrique
Famed Member

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.

ResponderCitar
Respondido : 25/07/2018 10:06 am

Cursos Gratuitos WordPress

Jhon
 Jhon
Soporte CMS Webempresa Moderator

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.

ResponderCitar
Respondido : 25/07/2018 6:10 pm