[Solucionado]Productos en "grid" cuadricula

[fepego]

Hola, tengo un problema segui el tutorial http://nemops.com/gr...prestashop-1-5/, pero me salen 2 columnas y desordenado, he intentado con varias convinaciones pero no he tenido exito, les encargo si me pueden ayudar, que le cambio al product_list.css para que me salgan las 3 columnas gracias.

 

www.whiskychocolate.com

Edited June 28, 2013 by fepego (see edit history)

[nadie]

Hola, tengo un problema segui el tutorial http://nemops.com/gr...prestashop-1-5/, pero me salen 2 columnas y desordenado, he intentado con varias convinaciones pero no he tenido exito, les encargo si me pueden ayudar, que le cambio al product_list.css para que me salgan las 3 columnas gracias.

 

www.whiskychocolate.com

 

Estoy viendo tu web, veo que has implantado la modificación, segun veo por ejemplo aquí: http://www.whiskychocolate.com/index.php?id_category=13&controller=category

 

Lo primero las imagenes de los productos, he visto que no se te ven hay, esto es debido a que en el fichero:

 

http://www.whiskychocolate.com/themes/default/product-list.tpl

 

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} />

 

lo tienes que dejar asi:

 

 <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} />

 

Despues, en tu fichero:

 

http://www.whiskychocolate.com/themes/default/css/product_list.css

 

Cambia esto:

 

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

 

por esto:

 

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

 

Después, en el fichero:

 

http://www.whiskychocolate.com/themes/default/product-list.tpl

 

Cambia esto:

 

<li class="ajax_block_product {if $smarty.foreach.products.first}first_item{elseif $smarty.foreach.products.last}last_item{/if} {if $smarty.foreach.products.iteration%4 == 0}last_row_item{else}item{/if}">

 

por esto

 

<li class="ajax_block_product {if $smarty.foreach.products.first}first_item{elseif $smarty.foreach.products.last}last_item{/if} {if $smarty.foreach.products.iteration%3 == 0}last_row_item{else}item{/if}">

 

(Esto te lo digo sobre lo que veo en tu tienda, que veo que has puesto ya la implementacion del grid, solo te comento el realizar modificaciones sobre algo que ya has puesto, esto que te he comentado, lo he comentado a ojo, ya me contaras..)

[fepego]

hola nadie, muchas gracias por tu ayuda quedo perfecto

[nadie]

hola nadie, muchas gracias por tu ayuda quedo perfecto

Un placer ayudarte y servirte!

 

Si das el tema como solucionado, edita el titulo del tema, editando el primer mensaje, pulsando en editar, y después en "Usar editor completo", añadiendo la palabra "Solucionado" al titulo, esto ayudara, a mantener una mayor organización en el foro.

 

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

[Hectorete]

Mucgas gracias Nadie, como siempre ayudando... Me ha servido mucho el primer link de fepego y después tu repaso fino... :-)

 

Un abrazo grande.