Fondo web en PrestaShop

[DCienfuegos]

Hola buenas,

¿Como puedo poner una imagen como fondo en PrestaShop?

Estoy usando la plantilla basica con la que viene.

Gracias.

[chicobot]

Hola,
en los foros de prestashop esta la solucion.

http://www.prestashop.com/forums/top...olor-de-fondo/

saludos

[jacure]

Es tan sencillo como cambiar el background-image: url(../css/foto.jpg), de la etiqueta BODY dentro del global.css de tu plantilla.
Como comenta chicobot, todo esta explicado allí. No olvides desactivar la cache en el backoffice para poder ver los cambios.

Un saludo!

[DCienfuegos]

Muchas gracias!

[DCienfuegos]

una duda, y para hacerlo estatico?

[jacure]

¿A qué te refieres con estático?

Un saludo

[DCienfuegos]

Que el fondo no se repita, es decir, tu bajas la pagina y el fondo se mantiene ahi.

Y otra duda, seria posible que cargase un fondo para la pagina inicio y otro para las demas?


Muchas gracias a todos los que estais ayudando.

[jacure]

Ah OK, para eso necesitas tocar el archivo global.css de tu plantilla y tocar el css del body.
Si quieres que se repita horizontalmente, sería así:

body{background: url(imagen.jpg) repeat-x;}

La imagen.jpg bastaría con que fuese de 5pixels de ancho por unos 3000px de alto.

Para que el fondo fuese diferente en otras páginas, ya te toca programar más en profundidad las plantillas. Puedes buscar más info de como hacerlo en el foro de todoprestashop.com

Un saludo!

[DCienfuegos]

Ok gracias, si pongo repeat 1 es cuando me quedaria estatica?

Es una imagen grande que ocupa toda la pagina, no es un patron.

[jacure]

Para eso debes usar "no-repeat" en vez de repeat-x

Un saludo!

[DCienfuegos]

Iniciado por jacure

Para eso debes usar "no-repeat" en vez de repeat-x

Un saludo!

Lo hice y no sale la imagen de fondo, te pego el codigo del css


body {
background-color: white;
background-image: url(../css/foto.jpg) no-repeat;
font-size: 11px;
font-family: Verdana, Arial, Helvetica, Sans-Serif;
color: #5d717e;
text-align: center
}

[jacure]

Perdona la tardanza,

prueba con:

body {
background: #FFF url(../css/foto.jpg) no-repeat;
font-size: 11px;
font-family: Verdana, Arial, Helvetica, Sans-Serif;
color: #5d717e;
text-align: center
}

Asegúrate que estas metiendo correctamente la ruta de la foto.jpg

Un saludo!

Iniciado por DCienfuegos

Lo hice y no sale la imagen de fondo, te pego el codigo del css


body {
background-color: white;
background-image: url(../css/foto.jpg) no-repeat;
font-size: 11px;
font-family: Verdana, Arial, Helvetica, Sans-Serif;
color: #5d717e;
text-align: center
}

[DCienfuegos]

Ahora ya funciona perfecto, gracias!

[riadevigo]

Hola!

Mi problema es otro... utilizo la plantilla Default pero al instalarla, el index se desmonta. Aparece el fondo pero la tienda aparece totalmente descolocada.

Gracias de antemano a quien me pueda explicar qué hago mal y cómo puedo solucionar esto en el CSS.

Saludos!

[vtj]

Ciao

Necesitamos un link para verlo

[riadevigo]

Hola vtj,

La tienda no está activa. Por lo que no puedo facilitaros un link... Puedo facilitaros el CSS que utilizo y a lo mejor quizás por ahí encontremos el problema. No creo que tenga que ver pero el fondo tiene las siguientes dimensiones: 1903x1276.

CSS original

body{
font:normal 11px/14px Arial, Verdana, sans-serif;
color:#222;
background:#fff
}

/* positionnement ************************************************** **************************** */
.hidden {display:none}
.f_right {float:right}
p.center {text-align:center}
.clearBoth {clear:both}

------ sustituyo por el siguiente ---------------

body{
background-image:url('/prestashop/themes/default/img/bg-jpe.jpg');
background-repeat:no-repeat;
background-position:top-center;
font-size: 11px;
font-family: Verdana, Arial, Helvetica, Sans-Serif;


}

/* positionnement ************************************************** **************************** */
.hidden {display:none}
.f_right {float:right}
p.center {text-align:center}
.clearBoth {clear:both}