Avisos
Vaciar todo

altura fija en galería de producto woocommerce

4 Respuestas
3 Usuarios
0 Reactions
318 Visitas
Respuestas: 412
Reputable Member
Topic starter
 

En la galería de producto, tengo algunas imágenes con proporción 1:1 y otras con proporción 4:3

Esto hace que al pasar de una imagen a otra se mueva toda la página causando un efecto horrible

Esto ocurre porque desde Personalizando ▸ WooCommerce ▸ Imágenes de producto me deja poner el ancho fijo y va variando el alto.

Necesitaria poner un ALTO fijo y que el ancho varie

Gracias

URL del sitio: Contenido solo visible a usuarios registrados


 
Respondido : 22/09/2018 5:31 pm
Jhon
 Jhon
Respuestas: 44989
Illustrious Member Moderator
 

Hola

No puedes definir anchos variables, esto debido a que los themes usualmente son responsive, de hecho las dimensiones que defines son físicas, pero luego se adaptan al theme que es responsive.

Algo que podrías probar es definir una altura fija para el contenedor, porque forzar una altura para la imagen por CSS la deformaría:

Prueba altura contenedor

.related.products li{
	height:500px;
	background-color:red;
}

Prueba altura imagen

.related.products li img{
	height:400px;
	background-color:red;
}

En resumen, lo más práctico sería que desde antes de subir tu imagen ya tengas definida las proporciones similares para todas ellas y evitar este tipo de problemas

PD. Podrías definir un alto y si la imagen se pasa cortarla, esto lo puedes hacer por programación cambiando la forma que se generan los thumbnails, pero vamos, que posiblemente termines modificando archivos del core de WooCommerce y posiblemente no valga la pena.

Saludos.


 
Respondido : 22/09/2018 7:30 pm
Respuestas: 412
Reputable Member
Topic starter
 

lo que me has pasado me modifica los productos relacionados, yo lo que quiero modificar es el contenedor de la imagen grande de la galería


 
Respondido : 22/09/2018 9:05 pm
Luis Mendez Alejo
Respuestas: 23273
Illustrious Member
 

Hola Ricardo,

He revisado la imagen principal del producto que indicas y las imágenes secundarias y veo que rotan correctamente y se muestran cada cual en el tamaño que las has subido, teniendo en cuenta que cada una tiene un tamaño diferente.

Lo adecuado es que TODAS las imágenes de productos tengan el mismo ancho y alto, es decir, que sean CUADRADAS para que cuando pasen por el visor de imágenes de producto todas se muestren exactamente igual en proporciones.

Si subes cada imagen a un tamaño es normal que luego el comportamiento sea el que indicas.


 
Respondido : 23/09/2018 12:16 am