Avisos
Vaciar todo
A ver si alguien puede ayudar con este tema, que nos está volviendo locos. Es un problema de maquetación en la página principal que afecta tanto al bloque "Productos destacados" como al carrusel de novedades, ofertas de mes y demás (vaya, que es cuestión del tema que usamos, Titanshop).
La explicación puede resultar confusa, así que he acompañado esto de las correspondientes imágenes. El caso es que las alturas son completamente distintas entre unas "tarjetas de producto" y otras, y eso se debe a que en algunos casos el título del producto ocupa 1 línea o 2, la descripción ocupa entre 0 y varias líneas, etc, lo que provoca que se descuadre completamente el diseño y de una sensación muy poco profesional.
Captura de los productos destacados
Captura del carrusel de novedades
Captura del carrusel de ofertas
No tengo muchas esperanzas de solucionarlo de forma fácil porque parece requerir bastante CSS, y aunque controlo el tema no sé exactamente cómo abordarlo. ¿Alguna idea de alguien a quien también le ocurra?
URL del sitio: Contenido solo visible a usuarios registrados
Respondido : 21/05/2016 1:29 pm
Hola Raquel.
Puedes delimitar el numero de caracteres que se representan en el titulo, revisa esta entrada del blog donde se explica como aumentarlo, en tu caso en vez de aumentar el valor lo disminuyes para que quede en una fila.
Aumentar la cantidad de caracteres del título de un producto en PrestaShop
Un saludo
Respondido : 21/05/2016 1:46 pm
Gracias por la respuesta, pero no es una solución factible porque tenemos productos cuyo título debe ocupar dos líneas.
Lo que busco es que tanto el título como la descripción funcionen con un número de líneas predeterminado. Es decir, que si mi título ocupa solo una línea "reserve" en blanco el espacio correspondiente, y si ocupa más de dos corte el "sobrante". Igualmente con la descripción. Así todo quedaría correctamente alineado.
Por eso decía lo de la dificultad...
Respondido : 21/05/2016 3:01 pm
Hola Raquel.
Te pase la solución fácil y la que te podemos aportar nosotros. Para realizar lo que buscas tienen que programarlo ya que la única opción que soporta es la de reducir o aumenta el numero de caracteres, puedes ponerte en contacto con alguno de los colaboradores para que te puedan informar:
Red de Colaboradores.
Otra opción seria aumentar el taño de letra del titulo para que siempre ocupe 2 lineas y jugar con los caracteres y el tamaño de letra:
.name_product a, .block .products-block li .product-content h5 a, .subcategory-name, .product_list h5 a {
color: #80c939;
font-size: 18px;
font-weight: normal;
line-height: 18px;
}
Un saludo
Respondido : 21/05/2016 3:25 pm
