Bloque Home Featured a 3 columnas ??

[JoysticK]

Buenas, ¿ alguien tiene algún bloque/modulo Home Featured pero que sea a 3 columnas en vez de a 4 ?

O la forma de modificar el que viene de casa para convertirlo a 3 columnas ?


grácias

[filer 1]

Mira a ver, si cuando entras a una de tus categorias, te salen tres columnas.
Si es asi entras a tu teme, coges el archivo que pone product-list.tpl, lo copias y lo pones en el modulo homefeatured y lo renonmbras como homefeatured.tpl borrando el ya existente.
Acuerdate de guardarte una copia del original.
Saludos

[JoysticK]

No es exactamente lo que buscaba, copiando el tpl de produc-list lo que hace es mostrarme en el home featured un artículo por cada linea y lo que busco es 3 articulos por cada linea, no se si me explico...

[tamu secreto]

tienes que toquetear el codigo del archivo modules/homefeatured/homefeatured.tpl

Busca alli esto:

{assign var='nbItemsPerLine' value=ACA EL NUMERO POR LINEA
{assign var='liHeight' value=AJUSTA EL ALTO

$product.customizable != ACA USA UN NUMERO 3 O 4 PROBA CON AMBOS...

suerte!!

[JoysticK]

{assign var='nbItemsPerLine' value=ACA EL NUMERO POR LINEA

Este lo he puesto a 3 y veo el cambio si...

{assign var='liHeight' value=AJUSTA EL ALTO

Este otro lo he toqueteado pero al tratarse de una tienda con SOLO 3 productos pues no veo ningún cambio...

$product.customizable != ACA USA UN NUMERO 3 O 4 PROBA CON AMBOS...

Tiene puesto 2, he probado 1, 3, 4 pero no veo cambio alguno tampoco...

Yo lo único que quiero es que esos 3 productos que tengo aparezcan CENTRADOS en la linea no que ahora aparecen los tres pero ajustados a la izquierda y es como si faltase un cuarto producto...

¿ como le cambio el ancho por cada producto ?


Gracias Foxi por intentarlo

[tamu secreto]

post creo que tambien debes toquetear el css del theme no estoy seguro... yo uso una sola columna y me costo un peludo hacerlo asi :-(

saludos!!

[chuno]

Amigos, a mi me pasa algo similar peeeero con los productos destacados, necesito CENTRAR la IMAGEN y el TEXTO, ya que esta todo hacia la izquierda.

Aca el CSS:

/*---------------featured products-------*/
#center_column .products_block .block_content {
   background:none;
}
#center_column .products_block ul li {
   padding:9px;
   background:#f0f0f0;
   width:152px;
   margin-right:11px;
   margin-bottom:11px;
}
#center_column .products_block ul li:hover {
   background:#E0E0E0;
}
#center_column .products_block li.last_item_of_line {
   margin-right:0px;
}
#center_column div.block h4 {
   color:#f00800;
   font-size:19px;
   margin:0 0 11px;
   background:url(../img/center_column_titleBg.png) repeat-x 0 0;
   padding:20px;
   text-transform:none;
   line-height:19px
}
#center_column div.products_block h5 a {
   font-weight:bold;
   color:#f00800
}
#center_column div.block {
   width:auto;
}
#center_column div.products_block a.product_image {
   width: auto;
   height: auto;
   margin-left: 0px
}
#center_column div.products_block a.product_image {
   padding:0
}
.width {
   width:100%;
}

Les adjunto una imagen a ver si me pueden ayudar.

Gracias!!!

[abianabian]

En el archivo homefeatured.tpl, busca :

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

y añade antes:

<p align="center">

Se centrará la imagen.

Saludos

[oneadmin]

Para futuras dudas,

 

El homefeatured que tenía mostraba la información ajustada a la izquierda. Lo he resuelto así:

 

En directorio/themes/tutema/css/global.css buscar la línea que dice:

 

#featured_products .block_content{background:url(../img/tail-featured.gif) 0px 0px repeat-x #fefefe; border-radius:0 0 3px 3px; padding:0px 0 19px 20px}

 

 

Puede estar alrededor de la línea 778, pero varía dependiendo el template. Si no lo encuentran busquen "#featured_products .block_content"

 

Ahora sólo deben añadir el código

 

text-align:center;

 

Y quedaría así:

 

 

#featured_products .block_content{background:url(../img/tail-featured.gif) 0px 0px repeat-x #fefefe; text-align:center; border-radius:0 0 3px 3px; padding:0px 0 19px 20px}

 

Así lo he resuelto yo.