Un usuario preguntó 👇
Hola. He estado ejecutando este sitio por un tiempo y tengo mi página principal para mostrar todas mis categorías. Hasta hace poco, todas las imágenes de la categoría se veían hermosas y todas del mismo tamaño. Ahora de repente son de varios tamaños y formas. Supongo que si volviera a editar, todas las imágenes tendrían el mismo tamaño y forma que se arreglarían. Pero como ya eran perfectos, supongo que algo ha cambiado con una actualización reciente en la tienda o en una tienda de comestibles. Revertiría este cambio o editaría rápidamente el tema de mi hijo para que se vea bien, si alguien aquí pudiera indicarme la dirección correcta. Curiosamente, si voy a la personalización desde el tablero, las imágenes se ven tan bien como antes, pero en el sitio en vivo todas son originales. Gracias por adelantado
(@jobthomas)
Ingeniero Automático de Felicidad
Hace 2 años, 10 meses
Hola @donmictlan: puedo ver que se ha agregado mucha personalización a su sitio Storefront, así que quiero comenzar por deshabilitar eso y ver si todavía es un problema.
Las imágenes de producto / categoría normalmente deben establecerse estableciendo la proporción correcta Personalizar> WooCommerce> Imágenes de productos.
(@donmictlan)
Hace 2 años, 10 meses
Hola, no he cambiado nada más que una actualización. Siento que puedo deshabilitar la personalización que hice, pero estaba trabajando para que se viera y funcionara de la manera que quería, así que idealmente lo arreglaría sin mucha molestia. -Funciona y se siente para cambiar mi sitio antes de entrar en eso, verifiqué la personalización y está configurado en una proporción de 1: 1, eso es lo que necesito. Curiosamente, aunque el sitio se ve perfecto, cada imagen tiene el ancho y el alto correctos, pero fuera del personalizador vuelve a ganar. Si exploro el sitio, puedo ver que la altura de la imagen se cruza, por lo que hay algo que lo prevalece, pero solo en el sitio real que no está en la costumbre. ¿Eso te da una pista de cómo podría ser? Fui a mi tema hijo y verifiqué mis functions.php y style.css para ver si tenía algo que pudiera anular la altura de la imagen, pero no hay nada que cambie las imágenes en él.
(@donmictlan)
Hace 2 años, 10 meses
Bueno. no se resuelve, pero se mejora. Obviamente, hay un script que está jugando con los atributos de tamaño de imagen de la categoría de producto, pero no entendí cuál. Mi solución fue aplicar la imagen a su tamaño correcto. Es posible que la calidad de la imagen anterior no se vea tan bien como lo hizo por alguna razón, pero parece tener sentido. Fui a personalizar css personalizado y pegué lo siguiente:
li.product.product-category img {altura: 324px! importante; }
hizo el truco, pero ve cómo se comporta de ahora en adelante.
(@jobthomas)
Ingeniero Automático de Felicidad
Hace 2 años, 10 meses
Hola @donmictlan, el desafío con eso es que barriste las imágenes de tu producto en un formato diferente. Un mejor enfoque sería recortarlos usando el object-fit
característica. Deberías poder contribuir object-fit: cover
con su código que mencionó anteriormente.
Enlace a la imagen: http://cld.wthms.co/Y5Itff
Lo usé basado en este tutorial: https://medium.com/@chrisnager/center-and-crop-images-with-a-single-line-of-css-ad140d5b4a87
Esta respuesta fue modificada hace 2 años, 10 meses por.
¿Solucionó tu problema??
0 / 0