[SOLUCIONADO] Cuadricula desaliñada - Plantilla Megashop

[seteoner]

Buenas a todos, ¿Alguien me podría echar una mano para hacer que esto se coloque como dios manda?

 

Os adjunto foto.

 

Mi tema es Megashop y la web es beewip.com

 

 

Un saludo y gracias de antemano!

Edited November 13, 2013 by seteoner (see edit history)

[demmonin]

hola te invito a ver este post si te sirve, http://www.prestashop.com/forums/topic/287869-solucionado-listado-grid-de-productos-descuadrado-ayuda-por-favor/

 

saludos

[seteoner]

Hola, no exactamente, no me vale.... mi template va de otra manera...

 

 

Alguien puede echarme una manilla??

 

 

Nadie!?

[nadie]

Hola, no exactamente, no me vale.... mi template va de otra manera...

 

 

Alguien puede echarme una manilla??

 

 

Nadie!?

 

 

Fichero:

http://www.beewip.com/themes/MegaShop/css/product_list.css

Busca esto:

.in_grid #product_list li .prod_name {
margin: 0 0 6px;
font-size: 13px;
}

y prueba dejarlo así:

.in_grid #product_list li .prod_name {
margin: 0 0 6px;
font-size: 13px;
height: 34px;
overflow: hidden;
}

[seteoner]

Hola Victor, gracias por tu ayuda, pero no veo eso que me comentas en el product_list.css

 

te copio y pego el codigo:

 

 

.views{
    float: left;
    overflow: hidden;
}
.views #grid_view{background:url("../img/custom/grid.png") no-repeat 0 0;}
.views #list_view{background:url("../img/custom/list.png") no-repeat 0 0;}
.views .view_btn{cursor:pointer;height:20px;width:18px; float:left; margin:1px 10px 0 0;}
.views #grid_view:hover,
.views #list_view:hover{background-position:0 -20px}

ul#product_list {
    list-style-type: none;
    overflow:hidden;
}
#product_list li{border-bottom: 1px solid #EEEEEE;}
#product_list li:hover{border-bottom: 1px solid #ccc;}
#product_list li a {text-decoration: none;}
#product_list li .prod_name{display:block;}
#product_list li .prod_name:hover{color:#105BD5;}
#product_list li .product_img_link{display: block;}
#product_list li .price {display:inline; font-size:15px;}
#product_list li .price-discount{text-decoration:line-through; display:inline; margin:0 0 0 5px;}
#product_list li .tag{
    color: #FFFFFF;
    font-size:11px;
    text-align:center;
    position:absolute;
    top:0;
    padding:15px 0 0;
    height:30px;
    width:45px;
}
#product_list li .new{
    background: url("../img/custom/tagbg3.png") no-repeat scroll 0 0 transparent;
    left:0;
}
#product_list .reduction {
    background:url("../img/custom/tagbg1.png") no-repeat scroll 0 0 transparent;
    right:0;
}
#product_list li:hover .tag{background: url("../img/custom/tagbg2.png") no-repeat scroll 0 0 transparent;}
#product_list li .on_sale,
#product_list li .discount{color: #F65501;}
#product_list li p.compare{position:absolute; bottom:0; left:0; padding:0; }
#product_list li p.compare input {}

/******************** GRID ******************************/
.in_grid #product_list li {float: left; text-align:center;}
.in_grid #product_list .left_block {position:relative;}
.in_grid #product_list li .right_block {}
.in_grid #product_list .product_img_link{margin: 0 0 10px;}
.in_grid #product_list li .prod_name{margin:0 0 6px; font-size:13px;}
.in_grid #product_list li .content_price {margin:0 0 10px;}
.in_grid #product_list li .exclusive {}
.in_grid #product_list li p.product_desc,
.in_grid #product_list li .tags {display:none;}

/******************** LIST ****************************/
.in_list #product_list li {
    margin:10px 0 0;
    padding:10px 0;
    overflow:hidden;
}
.in_list #product_list li .left_block{float:left; position:relative; text-align:center; width:200px;}
.in_list #product_list li .right_block {float: left;}

.in_list #product_list li .prod_name{font-size:15px;}
.in_list #product_list .product_img_link{}
.in_list #product_list li p.product_desc {
    color:#777;
    overflow: hidden;
    font-size:11px;
    margin:15px 0 0;
    padding:0;
}
.in_list #product_list li .tags { overflow: hidden; margin:15px 0 0;}
.in_list #product_list li .tags span{float: left;}
.in_list #product_list li .tags span + span{
    border-left: 1px solid #ddd;
    margin: 0 0 0 12px;
    padding: 0 0 0 12px;
}
.in_list #product_list li .content_price {float:left; margin:19px 0 0;}
.in_list #product_list li .price {}
.in_list #product_list li .exclusive {margin:15px 0 0 20px;}
 

 

 

¿donde es?

[nadie]

Hola Victor, gracias por tu ayuda, pero no veo eso que me comentas en el product_list.css

 

te copio y pego el codigo:

 

 

 

¿donde es?

Hola,

 

Pues lo tienes, (te adjunto imagen).

 

[seteoner]

ok, EDITO, todo solucionado, ahora se ve de maravilla!!

 

Como siempre NADIE, te debo la vida

 

 

Gracias por todo!!

Edited November 13, 2013 by seteoner (see edit history)

[nadie]

Gracias Nadie, pero lo dejo así pero no me hace nada....

Logico,

 

Te he dicho que lo dejes asi:

 

.in_grid #product_list li .prod_name {
margin: 0 0 6px;
font-size: 13px;
height: 34px;
overflow: hidden;
}

y segun veo en tu fichero:

http://www.beewip.com/themes/MegaShop/css/product_list.css

lo has dejado así:

.in_grid #product_list li .prod_name {
margin: 0 0 6px;
font-size: 13px;
overflow: hidden;
}

[seteoner]

Mil perdones, las prisas NADIE, que no son buenas,

 

 

Repito, gracias NADIE CRACK

[nadie]

ok, EDITO, todo solucionado, ahora se ve de maravilla!!

 

Como siempre NADIE, te debo la vida

 

 

Gracias por todo!!

 

jajaj, no avisates de que habías editado tu mensaje. (Si no creas una nueva respuesta, es imposible que me entere del ultimo mensaje xD)

 

Bueno,

 

Un placer ayudarte y servirte !

 

PD: Como he visto que has añadido la palabra "Solucionado" en el titulo del tema, procedo a cerrar el tema.

 

Saludos,