Jump to content

(Solucionado) AYUDA para aumentar las columnas en productos


erikmlb

Recommended Posts

Hola Amigos Buenas tardes quisiera pedirles ayuda para poder lograr aumentar las columnas de los productos y/o categorias...

He seguido unos pasos que he leido en otro tema lo que pude hacer de ahi fue quitar la franja derecha para cuando ingresa a una caterogia a ver productos... Hasta aqui todo bien.

 

Luego he intentado seguir la guia en ingles http://nemops.com/gr...prestashop-1-5/ ... pero la verdad solo complete el primer paso que es crear un tema llamado Default Grid ... Por que ? Por que hasta donde entendi el siguiente paso de esa guia es quitar tambien la franja izquierda y yo no quiero hacer eso... (Aunque la verdad es por que me cuesta seguir todo lo que se habla en ingles)

 

Sera posible que alguien pueda ayudarme a completar los pasos para lograr el objetivo ?

Lamentablemente no fui culo de seguir los pasos en ingles y me quede en el intento.

 

Porfavor Saludos y Gracias.

Edited by erikmlb (see edit history)
Link to comment
Share on other sites

Hola Amigos Buenas tardes quisiera pedirles ayuda para poder lograr aumentar las columnas de los productos y/o categorias...

He seguido unos pasos que he leido en otro tema (el cual me borran los post para intentar seguir el hilo) lo que pude hacer de ahi fue quitar la franja derecha para cuando ingresa a una caterogia a ver productos... Hasta aqui todo bien.

 

Luego he intentado seguir la guia en ingles http://nemops.com/gr...prestashop-1-5/ ... pero la verdad solo complete el primer paso que es crear un tema llamado Default Grid ... Por que ? Por que hasta donde entendi el siguiente paso de esa guia es quitar tambien la franja izquierda y yo no quiero hacer eso... (Aunque la verdad es por que me cuesta seguir todo lo que se habla en ingles)

 

Sera posible que alguien pueda ayudarme a completar los pasos para lograr el objetivo ?

Lamentablemente no fui culo de seguir los pasos en ingles y me quede en el intento.

 

Porfavor Saludos y Gracias.

 

Tienes los ficheros preparados, si pulsas donde dice:

 

Download Project Files

 

http://nemops.com/wp-content/uploads/2012/10/product_list_grid_projectfiles.zip

Link to comment
Share on other sites

Tienes los ficheros preparados, si pulsas donde dice:

 

Download Project Files

 

http://nemops.com/wp-content/uploads/2012/10/product_list_grid_projectfiles.zip

 

Descargas el fichero zip y lo descomprimes en tu equipo..

 

En el fichero comprimido hay dos fichero, uno se llama:

 

product-list.tpl

 

donde lo subiras al directorio:

 

/themes/tu-plantilla/ (Logicamente te dira si quieres sustituirlo por el fichero que tienes, señala que SI)

 

En el mismo paquete hay un fichero llamado

 

product_list.css

 

Subelo al directorio:

 

/themes/tu-plantilla/css/ (Logicamente te dira si quieres sustituirlo por el fichero que tienes, señala que SI)

 

Ahora el fichero:

 

product-list.tpl

 

que has subido, cambia esto:

 

	 <img src="{$link->getImageLink($product.link_rewrite, $product.id_image, 'home')}" alt="{$product.legend|escape:'htmlall':'UTF-8'}" {if isset($homeSize)} width="{$homeSize.width}" height="{$homeSize.height}"{/if} />

 

por esto:

 

	 <img src="{$link->getImageLink($product.link_rewrite, $product.id_image, 'home_default')}" alt="{$product.legend|escape:'htmlall':'UTF-8'}" {if isset($homeSize)} width="{$homeSize.width}" height="{$homeSize.height}"{/if} />

 

Guarda los cambios.

 

Por defecto, en el "tpl" que has subido se mostraran de 4 en 4, por que esta configurado en el mismo product-list.tpl que has subido asi:

 

{if $smarty.foreach.products.iteration%4 == 0}last_row_item{else}item{/if}

 

Si tu colocas:

 

{if $smarty.foreach.products.iteration%5 == 0}last_row_item{else}item{/if}

 

se veran de 5 en 5.

 

Luego, quizas te aconsejo, en el

 

product_list.css

 

que has subido, buscar esto:

 

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

 

Y reducir el "margin-right" (Para dejar los elementos mas pegaditos)

 

Y añadir un "height", para que no se descuadre las cajitas, por el tema de que una descripcion sea mas larga que otra.

Link to comment
Share on other sites

Estimad@ erikmlb,

 

¿Sigue usted ahí?

 

Hola "nadie" como estas ...

Si aqui estoy disculpa la demora es que no entendia bien la guia y estaba en eso tratando de entenderla en ingles y lo que habia hecho fue crear otro "tema" aparte de default es por eso que no lograba ver que estaba sucediendo... no habia colocado el "Nuevo tema" en uso para ver las modificaciones...

 

En la parte que tu hablas de un height lo he hecho he intentado darle un numero mayor pero sigue descuadrado uno que otro producto... te dejo el link http://americas.grat...roller=category

 

Y Muchas Gracias por tus prontas respuestas soluciones ayudas y la paciencia y voluntas por estar aqui para nosotros.

 

SAludos y Gracias.

Link to comment
Share on other sites

Hola "nadie" como estas ...

Si aqui estoy disculpa la demora es que no entendia bien la guia y estaba en eso tratando de entenderla en ingles y lo que habia hecho fue crear otro "tema" aparte de default es por eso que no lograba ver que estaba sucediendo... no habia colocado el "Nuevo tema" en uso para ver las modificaciones...

 

En la parte que tu hablas de un height lo he hecho he intentado darle un numero mayor pero sigue descuadrado uno que otro producto... te dejo el link http://americas.grat...roller=category

 

Y Muchas Gracias por tus prontas respuestas soluciones ayudas y la paciencia y voluntas por estar aqui para nosotros.

 

SAludos y Gracias.

 

Es logico, la descripcion es mas grande en uno que en otro, pero el cuadrado, si ves que esta cuadrado ¿no? (Y no aparece los elementos sueltos)

 

Si quieres dejarlo digamos "super-cuadradito" o reduces el truncate del nombre del producto en el product-list.tpl

 

O ir al fichero

 

product_list.css

 

Buscar esto:

 

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

 

Y dejalo asi:

 

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

 

http://www.prestashop.com/forums/index.php?/topic/252079-solucionado-ayuda-para-aumentar-las-columnas-en-productos/page__view__findpost__p__1256317

Link to comment
Share on other sites

nadie eres un mostro.... con ese agregado ahora si a cuadrado full perfect....

Sobre la consulta tambien anterior en la seccion http://americas.gratishosting.cl/index.php?id_category=9&controller=category los nombres que se muestran aparecen de manera extraña pero si vemos el nombre con el mouse encima del producto este se lee bien y tambien una vez dentro....

 

Por que puede haber ocurrido esto ?

Link to comment
Share on other sites

nadie eres un mostro.... con ese agregado ahora si a cuadrado full perfect....

Sobre la consulta tambien anterior en la seccion http://americas.grat...roller=category los nombres que se muestran aparecen de manera extraña pero si vemos el nombre con el mouse encima del producto este se lee bien y tambien una vez dentro....

 

Por que puede haber ocurrido esto ?

 

En el "product-list.tpl", prueba cambiar esto:

 

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

 

por esto:

 

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

Link to comment
Share on other sites

En el "product-list.tpl", prueba cambiar esto:

 

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

 

por esto:

 

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

 

Jejeje, ahora se te va a retocar mucho... dejalo asi:

 

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

Link to comment
Share on other sites

Eso es Positivo bro... Nuevamente la has clavado papa... ahora aparecen bien los nombres y esta todo cuadradisimo...

 

Realmente eres un pro de la computacion .... jejejej ;)

 

Una vez solo queda agradecerte el tiempo el esfuerzo el conocimiento y la paciencia por estar aqui ayudandonos a todos.

Muchas Muchas Gracias "nadie"

 

Tema Solucionado a la perfeccion!

Link to comment
Share on other sites

Eso es Positivo bro... Nuevamente la has clavado papa... ahora aparecen bien los nombres y esta todo cuadradisimo...

 

Realmente eres un pro de la computacion .... jejejej ;)

 

Una vez solo queda agradecerte el tiempo el esfuerzo el conocimiento y la paciencia por estar aqui ayudandonos a todos.

Muchas Muchas Gracias "nadie"

 

Tema Solucionado a la perfeccion!

 

Jejeje, ahora se te va a retocar mucho... dejalo asi:

 

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

Link to comment
Share on other sites

Si papa ya hice la modificacion y quedo burda de mejor...

Muchas Gracias....

 

Nota:

  • Una palabra típica de Venezuela es "burda", que deriva de "burdo" (algo exagerado ó fuera de proporción), y que de esta manera se utiliza como sinónimo de "muy" o "mucho": "La fiesta está burda de buena" (la fiesta está muy buena), "la comida es burda de rica", "me compré un carro burda 'e caro", etc. Aunque esta se utiliza más que todo entre la población juvenil.

:P

 

Y para terminar una pregunta aparte.... Tu sabes que yo estoy intentando aprender con tu ayuda y la comunidad he logrado hacer muchos cambios para intentar dejar la web tal cual como la queremos abrir....

 

Ahora todos estos cambios que estamos realizando cuando nos pasemos a un hosting de los buenos de pago.... todo lo hecho se puede mover correcto ? o queda hacer todo de nuevo ? ^^

Link to comment
Share on other sites

Si papa ya hice la modificacion y quedo burda de mejor...

Muchas Gracias....

 

Nota:

  • Una palabra típica de Venezuela es "burda", que deriva de "burdo" (algo exagerado ó fuera de proporción), y que de esta manera se utiliza como sinónimo de "muy" o "mucho": "La fiesta está burda de buena" (la fiesta está muy buena), "la comida es burda de rica", "me compré un carro burda 'e caro", etc. Aunque esta se utiliza más que todo entre la población juvenil.

:P

 

Y para terminar una pregunta aparte.... Tu sabes que yo estoy intentando aprender con tu ayuda y la comunidad he logrado hacer muchos cambios para intentar dejar la web tal cual como la queremos abrir....

 

Ahora todos estos cambios que estamos realizando cuando nos pasemos a un hosting de los buenos de pago.... todo lo hecho se puede mover correcto ? o queda hacer todo de nuevo ? ^^

 

 

Un placer ayudarte y servirte!

 

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

 

PD: Referente a tu pregunta de pasar tu tienda a otro hosting, tienes esta guia: http://victor-rodena...-de-prestashop/ (No tienes que hacerla de nuevo, simplemente seria una migracion), de todos modos eso ya es otro tema diferente al actual.

Link to comment
Share on other sites

Gracias Gracias una vez mas ....

para terminar Y ahora entonces el tema con el que estoy trabajando es el nuevo creado ? ya no es el default sino el que creamos a base de la guia en ingles correcto ?

Yo te he dejado el enlace hacia el zip con los ficheros, ya no se donde has puesto los ficheros, si ha sido en el tema modificado, en el tema original. xD

Link to comment
Share on other sites

Yo te he dejado el enlace hacia el zip con los ficheros, ya no se donde has puesto los ficheros, si ha sido en el tema modificado, en el tema original. xD

 

Si, por lo que veo en tu web, lo has metido en el tema "duplicado".

 

Un Saludo

Link to comment
Share on other sites

Es logico, la descripcion es mas grande en uno que en otro, pero el cuadrado, si ves que esta cuadrado ¿no? (Y no aparece los elementos sueltos)

 

Si quieres dejarlo digamos "super-cuadradito" o reduces el truncate del nombre del producto en el product-list.tpl

 

O ir al fichero

 

product_list.css

 

Buscar esto:

 

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

 

Y dejalo asi:

 

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

 

Corrijo, cambia esto:

 

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

 

por esto:

 

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

Link to comment
Share on other sites

Guest
This topic is now closed to further replies.
×
×
  • Create New...