[SOLUCIONADO]Product_list desordenado

[Katximba]

Buenos días a todos,

 

Comento mi problemilla, estuve tocando el product_list.tpl y product_list.css para poner en modo grid la forma de visualizar los productos. El problema ahora viene en que en algunas páginas me surge el problema que se puede ver aquí http://shop.jubil.es...erano-2013?&p=3 , he estado mirando para ver si un problema en la paginación, en la forma de ordenación o que puede ser pero no consigo descifrarlo..

 

No tiene nada que ver (o eso creo) con que haya artículos por medio borrados o que las id del artículo no sean consecutivas ni nada de eso.

 

¡¡Muchas gracias!!

 

Un saludo

Edited April 5, 2013 by Katximba (see edit history)

[sr83]

Probablemente necesitás configurar el atributo de altura para acomodar los títulos de productos que se extienden en 2 líneas.

 

/themes/grid/css/product_list.css

 

#product_list li {

text-align: center;

float: left;

width: 142px;

padding: 16px;

margin-bottom: 14px;

margin-right: 20px;

background-color: #f9f9f9;

height: 235px; /* Añadir esta línea */

}

[nadie]

Buenos días a todos,

 

Comento mi problemilla, estuve tocando el product_list.tpl y product_list.css para poner en modo grid la forma de visualizar los productos. El problema ahora viene en que en algunas páginas me surge el problema que se puede ver aquí http://shop.jubil.es...erano-2013?&p=3 , he estado mirando para ver si un problema en la paginación, en la forma de ordenación o que puede ser pero no consigo descifrarlo..

 

No tiene nada que ver (o eso creo) con que haya artículos por medio borrados o que las id del artículo no sean consecutivas ni nada de eso.

 

¡¡Muchas gracias!!

 

Un saludo

 

En el fichero:

 

http://shop.jubil.es/themes/grid/css/product_list.css

 

Busca esto:

 

#product_list li {
   text-align: center;
   float: left;
   width: 142px;
   padding: 16px;
   margin-bottom: 14px;
   margin-right: 20px;
   background-color: #f9f9f9
}

 

y dejalo asi:

 

#product_list li {
   text-align: center;
   float: left;
   width: 142px;
   padding: 16px;
   margin-bottom: 14px;
   margin-right: 20px;
   background-color: #f9f9f9;
   height: 275px;
}

[nadie]

Probablemente necesitás configurar el atributo de altura para acomodar los títulos de productos que se extienden en 2 líneas.

 

/themes/grid/css/product_list.css

 

#product_list li {

text-align: center;

float: left;

width: 142px;

padding: 16px;

margin-bottom: 14px;

margin-right: 20px;

background-color: #f9f9f9;

height: 235px; /* Añadir esta línea */

}

 

Vaya parece que hemos contestado al mismo tiempo..

[nadie]

Lo que te hemos dicho es para asignar una altura fija a la "caja" de cada producto en el listado de productos.

 

Otra opcion es ir al fichero:

 

http://shop.jubil.es/themes/grid/css/product_list.css

 

y asignar un height fijo al nombre del producto, aquí:

 

#product_list li h3 {
padding:0 0 10px 0;
font-size:13px;
color:#000
}

 

Dejandolo por ejemplo asi:

 

#product_list li h3 {
padding: 0 0 10px 0;
font-size: 13px;
color: #000;
height: 29px;
}

[nadie]

Otra opcion es reducir todavia mas el titulo del producto con un truncate en el tpl del listado de productos, es decir en el fichero:

 

http://shop.jubil.es/themes/grid/product-list.tpl

 

Busca esto:

 

{$product.name|escape:'htmlall':'UTF-8'|truncate:26:'...':true}

 

y depende "26" coloca un numero menor hasta que todos los nombre se acorte a una linea...

[Katximba]

Lo que te hemos dicho es para asignar una altura fija a la "caja" de cada producto en el listado de productos.

 

Otra opcion es ir al fichero:

 

http://shop.jubil.es/themes/grid/css/product_list.css

 

y asignar un height fijo al nombre del producto, aquí:

 

#product_list li h3 {
padding:0 0 10px 0;
font-size:13px;
color:#000
}

 

Dejandolo por ejemplo asi:

 

#product_list li h3 {
padding: 0 0 10px 0;
font-size: 13px;
color: #000;
height: 29px;
}

Probablemente necesitás configurar el atributo de altura para acomodar los títulos de productos que se extienden en 2 líneas.

 

/themes/grid/css/product_list.css

 

#product_list li {

text-align: center;

float: left;

width: 142px;

padding: 16px;

margin-bottom: 14px;

margin-right: 20px;

background-color: #f9f9f9;

height: 235px; /* Añadir esta línea */

}

 

Muchas gracias a ambos. Problema resuelto, opte por la segunda opción de nadie, pero comprobé que con ambas funcionaba. Aunque ahora me acabo de dar cuenta de otro pequeño error, si no consigo resolverlo me volveréis a ver por aquí...

 

Un saludo y gracias

[nadie]

Muchas gracias a ambos. Problema resuelto, opte por la segunda opción de nadie, pero comprobé que con ambas funcionaba. Aunque ahora me acabo de dar cuenta de otro pequeño error, si no consigo resolverlo me volveréis a ver por aquí...

 

Un saludo y gracias

 

Un placer ayudarte y servirte!

 

Un saludo y recuerda que estaremos en el foro, para guiarte por este mundo oscuro y tenebroso.