Avisos
Vaciar todo

Desalineación en galeria de productos Woocommerce  

 
LUIS MANUEL
 LUIS MANUEL
Reputable Member

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

Citar
Respondido : 26/03/2021 8:54 am
Karen Rios
 Karen Rios
Soporte CMS Webempresa 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

ResponderCitar
Respondido : 26/03/2021 11:32 am

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

LUIS MANUEL
 LUIS MANUEL
Reputable Member

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

ResponderCitar
Respondido : 30/03/2021 10:13 am
Pepe
 Pepe
Soporte CMS Webempresa Moderator

Hola Luis Manuel.

Prueba con lo siguiente:

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

 

Un saludo

ResponderCitar
Respondido : 30/03/2021 12:01 pm

Cursos Gratuitos WordPress