SOLUCIONADO: Al mostrar nombre completo producto se descuadra el resto

[chanis]

Buenas noches!, a ver si alguien me puede echar una mano...

 

Mi URL es www.hortusbio.es, y utilizo prestashop 1.5.4

 

Me interesa bastante que en el listado de productos, que he pasado de listado a grid, se muestre el nombre completo.

Al modificar el product-list.tpl para que se muestre el nombre entero.

Luego he intentado cuadrar el resto siguiendo este hilo:

 

http://www.prestashop.com/forums/topic/283623-quitar-los-puntos-suspensivos-de-la-descripcion-corta/?hl=%20quitar%20%20puntos%20%20suspensivos

 

He editado el product_list.css, añadiendo una altura fija y un overflow hidden a #product_list li h3 { y a #product_list li {, dejándolo así:

 

 

#product_list li h3 {

padding:0 0 10px 0;

font-size:13px;

color:#000;

height: 150px;

overflow:hidden;

 

}

 

#product_list li {

text-align: center;

float: left;

width: 149px;

padding: 16px;

margin-bottom: 14px;

margin-right: 16px;

background-color: #f9f9f9;

border-width:thin;

border-style:solid;

border-color:#43D023;

height:300px;

overflow:hidden;

}

 

He borrado el cache del navegador, pero no hace ningún cambio...

 

Se os ocurre por qué puede ser?

 

Gracias y buenas noches!!

Edited December 17, 2013 by hortusbio (see edit history)

[nadie]

Segun veo en tu web: http://www.hortusbio.es/es/17-frutos-secos-ecologicos

 

En tu fichero:

product-list.tpl

tienes un error, tienes algo asi:

<p class_"s-title-block"="">

cuando en todo caso es asi:

<p class="title_block">

Cambia eso y luego añade en tu product_list.css esto:

#product_list .title_block {
height: 23px;
overflow: hidden;
}

Lo de 23px ya lo calculas tu xD

[nadie]

(He actualizado mi mensaje de arriba)

[chanis]

PERFECTO VICTOR!!

 

Niquelao. Mil gracias.

Ahora voy a ver si centro la imagen, por rizar un poco el rizo.

[chanis]

(mmmm....qué has cambiado...?)

[nadie]

(mmmm....qué has cambiado...?)

 

El guion, antes lo habia puesto normal, ahora bajo, XDDDD

 

Por cierto referente a esto:

 

 

PERFECTO VICTOR!!

 

Niquelao. Mil gracias.

Ahora voy a ver si centro la imagen, por rizar un poco el rizo.

 

 

En tu fichero:

http://www.hortusbio.es/themes/HortusBio1.5.4/css/product_list.css

Tienes esto:

#product_list a.product_img_link {
	overflow:hidden;
	position:relative;
	float: left;
	display:block;
	border: 1px solid #ccc;
	margin-left:5px;
	}

ve aumentando el margin-left, hasta que veas que se queda centrada la imagen.

[chanis]

Maravilloso.

Ahora estoy intentado bajar un poco el precio, pero le pongo margin-top y no me hace caso...

[nadie]

Maravilloso.

Ahora estoy intentado bajar un poco el precio, pero le pongo margin-top y no me hace caso...

 

Meteselo al

#product_list li .content_price

[chanis]

Estupendo!!

Me gusta ya eh?

Pero no sé si sería muy dificil (y si merecería la pena...) poner un enlace de + info, para que entraran en la ficha del producto.

¿Cómo lo ves?

[chanis]

Muchas gracias Victor.

Buena noches!

[nadie]

Estupendo!!

Me gusta ya eh?

Pero no sé si sería muy dificil (y si merecería la pena...) poner un enlace de + info, para que entraran en la ficha del producto.

¿Cómo lo ves?

 

Este seria el codigo para eso:

<a class="button lnk_view" href="{$product.link|escape:'htmlall':'UTF-8'}" title="{l s='View'}">{l s='View'}</a>

PD: Cierro este tema, que en principio solo se permite 1 duda por tema, para otras dudas crea un tema nuevo en el foro (1 duda por tema)

 

 

Muchas gracias Victor.

Buena noches!

 

Un placer ayudarte y servirte !