Quitar los puntos suspensivos de la descripcion corta

[Tomas.galvan]

Hola

 

Tengo el prestashop 1.5.2.0 con unas modificaciones realizadas en una plantilla. La web no esta terminada pero la podeis ver aqui: www.innovasat.es. El problema que tengo es que quiero que se vea toda la descripción corta y que no ponga los puntos suspensivos.

 

Alguien sabe como modificar esto?

 

gracias

[nadie]

¿Donde?

¿En los listados de productos http://innovasat.es/es/29-iphone-3g solo veo el nombre del producto?

 

Los puntos suspensivos y corte del texto, es debido al truncate en el tpl, pero tienes que  tener mucho cuidado, por que si dejas la descripcion que se vea entera, algunas tendran una descripcion mas grande que otros y se quedara esteticamente feo.

[Tomas.galvan]

hola Victor, primero me gustaría agradecerte la ayuda que nos das con tus conocimientos. Llevo tiempo leyendo foros sobre prestashop y das muchas ideas y muchas soluciones, espero sigas así por el bien de prestashop y de los que lo utilizamos.

 

Si, exacto, solo muestra el nombre del producto, no el resto de la descripción. Que archivo es el que tengo que modificar? 

De quedar estéticamente feo, existe alguna otra opción?

 

gracias

[nadie]

hola Victor, primero me gustaría agradecerte la ayuda que nos das con tus conocimientos. Llevo tiempo leyendo foros sobre prestashop y das muchas ideas y muchas soluciones, espero sigas así por el bien de prestashop y de los que lo utilizamos.

 

Si, exacto, solo muestra el nombre del producto, no el resto de la descripción. Que archivo es el que tengo que modificar? 

De quedar estéticamente feo, existe alguna otra opción?

 

gracias

 

 

¿Pero tu quieres imprimir la descripcion o imprimir el nombre completo?

 

(El listado de productos es el fichero /themes/plantilla/product-list.tpl)

[Tomas.galvan]

yo quiero imprimir el nombre, la descripcion una vez entre el cliente. 

[Feliz Garcia]

Hola,

 

Yo soy un total novato, pero pienso que debes explicar donde lo quieres hacer si quieres te ayuden. (No vale decir, una vez entre el cliente)

[nadie]

Nombre completo sin truncate en el listado de productos:

 

Cambiarias esto en tu "product-list.tpl":

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

por

{$product.name}

---

 

Descripcion corta del producto completa en el listado de productos.

 

Imaginemos que tienes algo asi (que no lo se)

{$product.description_short|strip_tags:'UTF-8'|truncate:360:'...'}

seria asi:

{$product.description_short}

---

 

Tapoco si se te refieres al listado de productos, u a otra cosa.

[Tomas.galvan]

Gracias de nuevo víctor, ya esta solucionado.

 

en principio lo que e dejado a sido en truncate lo que e cambiado y lo e subido a 50, por si alguna vez pongo una descripción demasiado larga.

 

He probado a dejarlo como tu decías en el apartado nombre completo sin truncate y también quedaba bien.

 

doy el tema por solucionado

[nadie]

Gracias de nuevo víctor, ya esta solucionado.

 

en principio lo que e dejado a sido en truncate lo que e cambiado y lo e subido a 50, por si alguna vez pongo una descripción demasiado larga.

 

He probado a dejarlo como tu decías en el apartado nombre completo sin truncate y también quedaba bien.

 

doy el tema por solucionado

Quedar, no queda bien..

 

Si te fijas aquí: http://innovasat.es/es/29-iphone-3g ahí saltos entre unos productos y otros.

[Tomas.galvan]

pues no me habia fijado, porque en todos los demas sale bien.

Voy a probar a dejarlo como estaba y ver si ese fallo es derivado este cambio o ya estaba de antes

ahora cuento

[nadie]

pues no me habia fijado, porque en todos los demas sale bien.

Voy a probar a dejarlo como estaba y ver si ese fallo es derivado este cambio o ya estaba de antes

ahora cuento

 

Vuelve a dejarlo con el nombre completo, te dire unos trucos css ,para que no se descuadre, que sera un altura fija al bloque de cada productos y un altura fija al nombre, lo que puede hacer que en algunos casos, no sea tan bonito el listado esteticamente pero que si quede cuadrado y no descolgado.

 

Avisa, cuando pueda ver otra vez el nombre completo.

[nadie]

Vuelve a dejarlo con el nombre completo, te dire unos trucos css ,para que no se descuadre, que sera un altura fija al bloque de cada productos y un altura fija al nombre, lo que puede hacer que en algunos casos, no sea tan bonito el listado esteticamente pero que si quede cuadrado y no descolgado.

 

Avisa, cuando pueda ver otra vez el nombre completo.

 

 

El truco para que no se descuadre, es añadir un height fijo acompañado de un overflow:hidden al:

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

dentro del fichero:

http://innovasat.es/themes/plantilla_181012Portatiles/css/product_list.css

Quedando asi:

#product_list li h3 {
padding: 0 0 10px 0;
font-size: 13px;
color: #000;
height:aquí calcula cuando pixeles de altura tendra el nombre fijo, para asignar el hueco;
overflow:hidden;
}

---

 

Tambien conveniente, dejar un height fijo con un overflow:hidden; a los bloques de cada producto, aquí:

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

[Tomas.galvan]

He realizado las modificaciones que me has indicado y por lo que estoy comprobando queda bien, e calculado altura con las nombre mas largo y le veo bien.

Lo que no me explico que a podido pasar con el color de boton de añadir al carrito, que a cambiado de color, era blanco y ahora aparece en oscuro.

[nadie]

Mierda, se sigue colando un producto en medio, ve al fichero:

http://innovasat.es/themes/plantilla_181012Portatiles/product-list.tpl

Cambia esto:

%2

por

%4

[nadie]

Lo que no me explico que a podido pasar con el color de boton de añadir al carrito, que a cambiado de color, era blanco y ahora aparece en oscuro.

 

jaja, eso algo has tenido que tocar accidentalmente en el css (si antes mostraba el color bien y ahora no...) xD

[Tomas.galvan]

Me imagino, pero la verdad, no se el que e modificado.... xD

lo unico que encuentro victor con el simbolo es esto:

 

{if $smarty.foreach.products.iteration%3

 

modifico el 3 por 4?

[nadie]

Me imagino, pero la verdad, no se el que e modificado.... xD

lo unico que encuentro victor con el simbolo es esto:

 

{if $smarty.foreach.products.iteration%3

 

modifico el 3 por 4?

 

 

Si correcto, cambialo a 4. (Se me fue el dedo al escribir)

[Tomas.galvan]

ya esta!! ya se a que te referias, ahora lo veo, pero ahora me doy cuenta de que la imagen no esta centrada con el cuadrado de detras

[nadie]

ya esta!! ya se a que te referias, ahora lo veo, pero ahora me doy cuenta de que la imagen no esta centrada con el cuadrado de detras

 

Si por que el width del: (product_list.css)

#product_list li

ahora tiene que ser  a:

153px

no a

142px

[nadie]

 

Si por que el width del: (product_list.css)

#product_list li

ahora tiene que ser  a:

153px

no a

142px

 

ah y ademas añadele un:

height: 334px;
overflow:hidden;

[Tomas.galvan]

ya esta modificado, pero no queda totalmente centrado victor

[nadie]

Asi:

#product_list li {
text-align: center;
float: left;
width: 161px;
padding: 16px 8px 16px 16px;
margin-bottom: 14px;
margin-right: 6px;
background-color: #f9f9f9;
height: 334px;
overflow: hidden;
}

[Tomas.galvan]

aparentemen me sale igual, esta un poco ida a la derecha

[nadie]

Estaba "relizado a posta" )

 

Dejalo asi:

#product_list li {
text-align: center;
float: left;
width: 161px;
padding: 16px 10px 16px 10px;
margin-bottom: 14px;
margin-right: 12px;
background-color: #f9f9f9;
height: 334px;
overflow: hidden;
}

Y despues cambia esto:

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

por

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

(Recuerda limpiar cache de tu navegador)

[nadie]

Estaba "relizado a posta" )

 

Dejalo asi:

#product_list li {
text-align: center;
float: left;
width: 161px;
padding: 16px 10px 16px 10px;
margin-bottom: 14px;
margin-right: 12px;
background-color: #f9f9f9;
height: 334px;
overflow: hidden;
}

Y despues cambia esto:

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

por

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

(Recuerda limpiar cache de tu navegador)

 

 

 

No lo de la imagen, que te he dicho, creo que no es necesario, creo que si lo dejas asi:

 

#product_list li {
text-align: center;
float: left;
width: 159px;
padding: 16px 10px 16px 10px;
margin-bottom: 14px;
margin-right: 14px;
background-color: #f9f9f9;
height: 334px;
overflow: hidden;
}

queda cuadrado.

[Tomas.galvan]

Ahora si, perfecto.

 

Gracias de nuevo victor.

 

Lo único no consigo ver que pude modificar para cambiar el color de las letras, no se si comentartelo aqui o abrir un nuevo tema.