Maquetación productos página principal  

 
Raquel
 Raquel
Usuario eminente

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

Citar
Respondido : 21/05/2016 1:29 pm
Pepe
 Pepe
Soporte CMS Webempresa Admin

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

Si nuestra ayuda te sirve déjanos tu testimonio y mejora así el posicionamiento de tu web:
Enviar Testimonio
¿Has probado WpCenter?, es nuestro nuevo manager de WordPress desde el propio cPanel sin necesidad de acceder a tu administración, te permitirá configurar actualizaciones automáticas y mucho más.
Pruébalo accediendo a tu cPanel > Aplicaciones Webempresa > WpCenter
¡Gracias!.

ResponderCitar
Respondido : 21/05/2016 1:46 pm

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

Raquel
 Raquel
Usuario eminente

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...

ResponderCitar
Respondido : 21/05/2016 3:01 pm
Pepe
 Pepe
Soporte CMS Webempresa Admin

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

Si nuestra ayuda te sirve déjanos tu testimonio y mejora así el posicionamiento de tu web:
Enviar Testimonio
¿Has probado WpCenter?, es nuestro nuevo manager de WordPress desde el propio cPanel sin necesidad de acceder a tu administración, te permitirá configurar actualizaciones automáticas y mucho más.
Pruébalo accediendo a tu cPanel > Aplicaciones Webempresa > WpCenter
¡Gracias!.

ResponderCitar
Respondido : 21/05/2016 3:25 pm

optimiza-automaticamente-todas-las-imagenes-de-tu-wordpress

Por favor Iniciar Sesión o Registro