Avisos
Vaciar todo

Desalineación en galeria de productos Woocommerce

4 Respuestas
3 Usuarios
0 Reactions
17 Visitas
Respuestas: 327
Reputable Member
Topic starter
 

Como podéis ver en la imagen adjunta (marcado en amarillo), las imágenes de los productos de la tienda se desalinean por culpa del texto descriptivo que tiene cada uno de ellos. ¿Como los podría alinear?. Gracias

2021 03 26 09 47 38 Window

 

Contenido solo visible a usuarios registrados


 
Respondido : 26/03/2021 8:54 am
Karen Rios
Respuestas: 18684
Illustrious Member Moderator
 

Hola Luis Manuel,

Veo que en la imagen que nos compartes los productos no se alinean porque tienes un producto sin imagen y al ser esta imagen que se asigna de un tamaño diferente a las otras no ocupa el mismo tamaño que el resto de los thumbnails.

Sin embargo veo en tu sitio web que en algunos sucede también aun cuando tienes las imágenes esto es porque la plantilla funciona de esta forma y al tener productos con títulos mas largos que otros estos solo toman una linea o dos y mueven los elementos hacia abajo, una opción que puedes probar es forzar que el titulo de los productos siempre este en dos lineas para ello puedes probar el siguiente código CSS

.woocommerce-loop-product__title {
white-space: pre-wrap;
}

Debes añadirlo en el apartado Apariencia -> Personalizar -> CSS Adicional

Un Saludo


 
Respondido : 26/03/2021 11:32 am
Respuestas: 327
Reputable Member
Topic starter
 

@karen Lo siento pero no me funciona esta solución 


 
Respondido : 30/03/2021 9:13 am
Pepe
 Pepe
Respuestas: 41133
Illustrious Member Admin
 

Hola Luis Manuel.

Prueba con lo siguiente:

.woocommerce ul.products li.product h2 {
line-height: 2.5ex;
height: 5ex;
overflow: hidden;
}

 

Un saludo


 
Respondido : 30/03/2021 11:01 am