Poner Descripción en grid

[Yika]

Hola, quería saber como poner el titulo de los productos, estando los productos en grid , gracias de antemano y saludos

[Yika]

Es posible que alguna parte tenga puesto esto {*  *} en lo de los productos en grid y por eso tampoco vea ni titulo ni descripción

[Yika]

Es posible que alguna parte tenga puesto esto {*  *} en lo de los productos en grid y por eso tampoco vea ni titulo ni descripción

No le encuentro la solución, alguien tiene idea de por donde puedo buscar el problema, gracias de antemano y saludos

[Paula Martinez]

Hola,

 

Me llamo Raul Martinez,

 

Veo que usas este aporte: http://mypresta.eu/en/art/developer/prestashop-products-list-grid-view.html para mostrar los productos en grid, 

 

Fijate que en el product_list.css tienes esto:

#product_list li .center_block .product_desc {
display:none;
clear:both;
}

quita el display:none;

[Yika]

Hola,

 

Me llamo Raul Martinez,

 

Veo que usas este aporte: http://mypresta.eu/en/art/developer/prestashop-products-list-grid-view.html para mostrar los productos en grid, 

 

Fijate que en el product_list.css tienes esto:

#product_list li .center_block .product_desc {
display:none;
clear:both;
}

quita el display:none;

 

Con esto me salió, pero las letras no me salen como en los títulos de los destacados de la pagina principal, salen en pequeño y gris, también veo que tengo otro display:none 

 

#product_list li .left_block .compare label {

display:none;

}

Este para que es?

y por ultimo adjunto fotografía, se me quedo un poco descuadrado, salen los cuadros unos mas altos que otros, por si quieres mirar algo la web es www.importelectronic.com  gracias de antemano y saludos

 

[nadie]

Deja lo que te ha comentado Raul, asi:

#product_list li .center_block .product_desc {
clear: both;
height: 55px;
overflow: hidden;
}

y ve variando el height, de la descripción a como te quede mejor.

[nadie]

Deja lo que te ha comentado Raul, asi:

#product_list li .center_block .product_desc {
clear: both;
height: 55px;
overflow: hidden;
}

y ve variando el height, de la descripción a como te quede mejor.

 

 

Pero estoy viendo que ese hueco blanco de ahora, que tienes en tu web, es por que en tu web:

http://www.importelectronic.com/themes/default/css/product_list.css

TIenes esto:

#product_list li a {
color:#FFF;
text-decoration:none;
}

y se ve por que esta de color blanco, cuando en todo caso, tendrias que colocar algo como esto:

#product_list li a {
color:#374853;
text-decoration:none;
}

(Vamos que el titulo del producto lo tienes en color blanco ahora y por eso no se te ve xD, pero si se ve el hueco)

 

Te recomiendo tambien añadir un height al

#product_list li .center_block h3

para que no se descuadre el bloque cuando el nombre sea mas largo o mas corto.

 

----

 

Para el tamaño de la fuente, font-size en:

#product_list li .center_block h3

cambia el font-size (Para el tamaño del nombre del producto)

 

----

 

Y añade un  font-size al

#product_list li .center_block .product_desc

para el tamaño de la fuente de la descripcion.

 

----

 

----

 

Luego si quieres colocar un height fijo a cada bloque dentro del: #product_list li ya es tu decision.

[Yika]

 

Pero estoy viendo que ese hueco blanco de ahora, que tienes en tu web, es por que en tu web:

http://www.importelectronic.com/themes/default/css/product_list.css

TIenes esto:

#product_list li a {
color:#FFF;
text-decoration:none;
}

y se ve por que esta de color blanco, cuando en todo caso, tendrias que colocar algo como esto:

#product_list li a {
color:#374853;
text-decoration:none;
}

(Vamos que el titulo del producto lo tienes en color blanco ahora y por eso no se te ve xD, pero si se ve el hueco)

 

Te recomiendo tambien añadir un height al

#product_list li .center_block h3

para que no se descuadre el bloque cuando el nombre sea mas largo o mas corto.

 

----

 

Para el tamaño de la fuente, font-size en:

#product_list li .center_block h3

cambia el font-size (Para el tamaño del nombre del producto)

 

----

 

Y añade un  font-size al

#product_list li .center_block .product_desc

para el tamaño de la fuente de la descripcion.

 

----

 

----

 

Luego si quieres colocar un height fijo a cada bloque dentro del: #product_list li ya es tu decision.

lo que me acabo de dar cuenta es que lo tengo duplicado en la línea 161

#product_list li a {

color:#FFF;

text-decoration:none;

}

Y en la Línea 51

#product_list li a {

color:#374853;

text-decoration:none;

}

Es normal que lo tenga 2 veces?

[Yika]

Pero estoy viendo que ese hueco blanco de ahora, que tienes en tu web, es por que en tu web:

http://www.importelectronic.com/themes/default/css/product_list.css

TIenes esto:

#product_list li a {
color:#FFF;
text-decoration:none;
}

y se ve por que esta de color blanco, cuando en todo caso, tendrias que colocar algo como esto:

#product_list li a {
color:#374853;
text-decoration:none;
}

(Vamos que el titulo del producto lo tienes en color blanco ahora y por eso no se te ve xD, pero si se ve el hueco)

 

Te recomiendo tambien añadir un height al

#product_list li .center_block h3

para que no se descuadre el bloque cuando el nombre sea mas largo o mas corto.

 

----

 

Para el tamaño de la fuente, font-size en:

#product_list li .center_block h3

cambia el font-size (Para el tamaño del nombre del producto)

 

----

 

Y añade un  font-size al

#product_list li .center_block .product_desc

para el tamaño de la fuente de la descripcion.

 

----

 

----

 

Luego si quieres colocar un height fijo a cada bloque dentro del: #product_list li ya es tu decision.

 

Ya cambie el color de las letras, mil gracias, pero lo demás que comentas lo pongo tal cual, bajo de eso agrego todas esas líneas?

 

Pero estoy viendo que ese hueco blanco de ahora, que tienes en tu web, es por que en tu web:

http://www.importelectronic.com/themes/default/css/product_list.css

TIenes esto:

#product_list li a {
color:#FFF;
text-decoration:none;
}

y se ve por que esta de color blanco, cuando en todo caso, tendrias que colocar algo como esto:

#product_list li a {
color:#374853;
text-decoration:none;
}

(Vamos que el titulo del producto lo tienes en color blanco ahora y por eso no se te ve xD, pero si se ve el hueco)

 

Te recomiendo tambien añadir un height al

#product_list li .center_block h3

para que no se descuadre el bloque cuando el nombre sea mas largo o mas corto.

 

----

 

Para el tamaño de la fuente, font-size en:

#product_list li .center_block h3

cambia el font-size (Para el tamaño del nombre del producto)

 

----

 

Y añade un  font-size al

#product_list li .center_block .product_desc

para el tamaño de la fuente de la descripcion.

 

----

 

----

 

Luego si quieres colocar un height fijo a cada bloque dentro del: #product_list li ya es tu decision.

 

 

Referente a esto ultimo el height fijo a cada bloque, yo quiero que todos los bloques tengan el mismo tamaño y no estén descuadrados, también adjunto captura de los productos destacados de la pagina principal que se me juntas unas letras con otras y no  se como modificarlo, gracias de antemano y saludos

[Feliz Garcia]

Referente a esto ultimo el height fijo a cada bloque, yo quiero que todos los bloques tengan el mismo tamaño y no estén descuadrados, también adjunto captura de los productos destacados de la pagina principal que se me juntas unas letras con otras y no  se como modificarlo, gracias de antemano y saludos

 

Referente a los productos destacados, aumenta el height del:

#featured-products_block_center .product_desc

en el

homefeatured.css

Edito, ya vi tu web arriba: http://www.importelectronic.com/

 

En tu caso es el nombre del producto en los productos destacados, entonces aumenta el height del:

 

#featured-products_block_center .s_title_block, #featured-products_block_center h5

[Yika]

 

 

Referente a los productos destacados, aumenta el height del:

#featured-products_block_center .product_desc

en el

homefeatured.css

Edito, ya vi tu web arriba: http://www.importelectronic.com/

 

En tu caso es el nombre del producto en los productos destacados, entonces aumenta el height del:

 

#featured-products_block_center .s_title_block, #featured-products_block_center h5

gracias, una parte solucionada pero la parte de bajo se monta el VER, adjunto fotografía, gracias de antemano

[Feliz Garcia]

gracias, una parte solucionada pero la parte de bajo se monta el VER, adjunto fotografía, gracias de antemano

 

Hola,

 

¿Has aumentado el height del:

#featured-products_block_center .product_desc

en el 

homefeatured.css

para que no se choque la descripción del producto con la palabra "Ver" ¿?

 

Recuerda tambien ampliar el height del

#featured-products_block_center li

si ves que el bloque de productos destacados se queda muy pegado al pie de pagina.