Fondo imagen Productos Destacados

[valenciatablet]

Hola buenos días foro!! Espero estén pasando un estupendo fin de semana.

 

Uso Ps 1.5.6.1

Mi consulta es la siguiente, a ver si pueden ayudarme.

 

Me gustaría quitar ese recuadro que sale en las imágenes d Productos Destacados. no consigo dar con la solución. Mi idea es que la imagen ocupe mas espacio, ya que también quiero encuadrar la imagen+descripción+precio. Todo junto en el mismo encuadre. No sé si me explico correctamente.

 

URL

 

Les mando a todos un cordial saludo, Juan Carlos.

 

Adjunto imagen

Edited January 15, 2014 by valenciatablet (see edit history)

[valenciatablet]

Hola buenos días a todos, si alguien se sabe la respuesta le estaré muy agradecido.

 

Saludos!!

[Sergio Ruiz]

Supongo que esta es tu web: http://www.valenciatablet.es/ por el nick.

 

Para quitar el borde gris de la imagen solo para el bloque de productos destacados.

 

Añade por ejemplo en el fichero:

modules/homefeatured/homefeatured.css

Esto:

#featured-products_block_center li img {
border: none !important;
}

---

 

Si por otro lado quieres hacer las imagenes mas grandes, mira por ejemplo esto que explica Feliz Garcia: 

 

Yo lo que hago es para no editar el tipo home_default ya que este es aplicable a otras partes de la tienda, me creo un nuevo tipo en la pestaña Preferencias -> Imagenes, siguiendo esta guía: http://victor-rodenas.com/2012/09/30/guia-crear-un-nuevo-tipo-de-imagen-y-asociarlo-en-prestashop-1-5/

 

Una vez creado el tipo y regenerada las miniaturas del tipo, edito el fichero:

/themes/su-plantilla/modules/homefeatured/homefeatured.tpl

Busco 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 lo dejo asi:

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

Donde he puesto "nuevo_tipo" pongo el nombre del tipo de imagen, que me he creado en la pestaña Preferencias -> Imagenes.

 

-----

 

Despues edito el archivo: 

/modules/homefeatured/homefeatured.css

Busco esto:

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

y amplio el width (ancho) y el height (alto) del cuadro de los productos destacados.

 

Siento, no poder ayudarte mucho mas, ya que soy un total novato.

 

Recuerda que si haces los bloques mas anchos, ampliando el width del #featured-products_block_center li y imprimes 3 por linea depende 4 por linea, en el fichero:

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

Cambia esto:

{assign var='nbItemsPerLine' value=4}

depende 4 por  3, si imprimes 3 por linea, ya lo ves tu..

[valenciatablet]

Hola Sergio Ruiz, gracias por responder.

 

Te agradezco mucho la ayuda para quitar el borde gris. Ha funcionado tal como esperaba!

 

Sobre lo otro, lo que yo quería es, ahora que el borde gris no está, encuadrar la imagen con el precio y la descripción. Esa es mi intención. Y también incluir un botón de comprar dentro del encuadre. Es posible?

 

Saludos, buenas noches a todos..Y nuevamente, gracias Sergio Ruiz.

Edited January 13, 2014 by valenciatablet (see edit history)

[valenciatablet]

Hola, buenos días a tod@s !!

 

Sergio Ruiz, al final no he logrado lo de cambiar de tamaño las imagenes. Aunque no era eso lo que yo pretendía.

 

Lo que intento, es que el listado de productos, en el front office, me quede tal como la foto adjunta del primer post. Y que debajo del precio pueda colocar un botón de "pagar ahora". Es posible eso?

 

Saludo atentamente a tod@s. Que tengan un buen día. Juan Carloz.

 

mi tienda es www.valenciatablet.es y uso Ps 1.5.6.1

 

----

 

Lo del boton "Comprar", solucionado aquí: http://www.prestashop.com/forums/topic/218241-solucion-no-aparece-boton-anadir-al-carrito-en-el-primer-producto-de-lista-de-productos-destacados/