imagenes en productos destacados

[jjryeste]

Hola amigos, he configurado la pagina , em prestashop 1.5.5 para qu solo se vea la columna derecha , bien , ahora sucede que las imagenes de productos destacados y productos nuevos,quedan un poco pequeñas , y me preguntaba si se pueden aumentar un poco para que cubran el ancho de la columna o encabezado, mi pagina es esta http://www.fotosapuntodecruz.com  Gracias.

[Enrique Gómez]

Puedes aumentar el ancho de 126 a 142

#featured-products_block_center li {
    height: 240px;
    margin-right: 10px;
    padding: 10px 0;
    width: 126px;
}

 

 

[Enrique Gómez]

También si te fijas en el html (en la imagen anterior se ve) tienes una grid pensada para filas de 4 productos (cada 4 <li> tienes una clase last_item_of_line), ahora tienes 5. Puedes hacer las imágenes mas grandes ya que en la plantilla tienes metido un tamaño fijo de 124 cuando en realidad son de 165

 

Si las imágenes las pones a 180 x 180 puedes cambiar la regla css anterior cambiando el ancho y el margen derecho

 

#featured-products_block_center li {

    height: 240px;

    margin-right: 7px;

    padding: 10px 0;

    width: 184px;

}

 

de forma que

 

Edited November 20, 2013 by Enrique Gómez (see edit history)

[jjryeste]

hola amigo gracias por tu pronta repuesta , pero eso lo hago en el modulo homefeatured em el tpl , pp o css

saludos

perdona por mi ignorancia

[nadie]

Lo que te comenta del css Enrique, supongo que se refiere al fichero:
 

homefeatured.css

---

Para ampliar el tamaño de la imagen, depende editar el tipo:

home_default

ya que existe la posibilidad de que dicho tipo se utilice en otras partes, y no queremos hacer estropicios, por si las moscas, crea un nuevo tipo en la pestaña Preferencias -> Imagenes llamado:

destacados

con el ancho y el alto que  tu calcules que quieres colocar y señala que solo se aplique a los productos.

 

Una vez creado el nuevo tipo de imagen, en la misma pestaña Preferencias -> Imagenes abajo del todo, pulsa en regenerar miniaturas, tipo productos -> formato -> destacados -> boton regenerar miniaturas.

 

Una vez realizada dicha acción con exito, ve al fichero:

/themes/plantilla/modules/homefeatured/homefeatured.tpl

Busca algo como esto:

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

y por ejemplo dejalo asi:

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

---

Guarda los cambios, fuerza compilación, vacia cache smarty etc..

 

Ahora modifica el *.css con lo que te ha comentado Enrique, para adaptar el ancho de las cajitas, etc..

[jjryeste]

Bien me pondre manos a la obra gracias a los dos

[jjryeste]

vaya necesito poner otro post  acabo de darme cuent de otro fallo no aparecen añadir al carritoco comprar cunado estans en una categoria solo aparece ver  http://www.fotosapuntodecruz.com/patrones-por-temas/animales/      Buaaaaaaaaaaaaaa

que lio me meto

[jjryeste]

Hola amigos , Nadie por lo visto en prestashop 1.5.6 eso no me funciona y lo de cambar el css como dice el amigo Enrique , lo he probado en local y queda asi

si descargas la imagen de la paigina tiene la medida de 180x180 pero la visibilidad en la pagina es alargada , he regenerado miniaturas etc etc