Jump to content

comment mettre une image de fond sur le theme de base prestashop [RESOLU]


xmfrance

Recommended Posts

Bonjour,

Voila, tout est dans le titre.

 

J'aimerais mettre une image de fond, dit background, sur le theme de base default-bootstrap.

Dans prestashop 1.5, c'etait simple, sur global.css dans la partie generic style, on ajoutait après body{ une ligne background: url( l'adresse de l'image); et c'etait bon.

Dans prestashop 1.6.0.9, dans global.css, c'est totalement different il y a 4 fois plus de ligne et je ne m'y retrouve plus du tout.

Si quelqu'un pouvait m'aider ce serait super.

merci

Edited by xmfrance (see edit history)
Link to comment
Share on other sites

Bonsoir,

 

Le mieux pour ensuite modifier tranquillou c'est de créer un dossier (Fond) dans img ou tu va créer 3 images que tu va ensuite transférer sur ton serveur avec le FTP de ton choix... (Filezilla, Dream... )

Les tailles des images peuvent être différentes si tu as déjà modifié ton thème ...

A toi de les adapter au mieux, je donne juste les taille de base ... 

 

Header-tonsupersite.png : 1920 X 316

Fond-tonsupersite.png : 1920 X 2265

Footer-tonsupersite.png : 1920 X 467

 

 

Puis modifier la css ainsi :

 

HEADER

global.css ---> Ligne 5254



header {
z-index: 1;
position: relative;
background: url(http://www.tonsupersite.com/Prestashop/img/fond/Header-tonsupersite.png) #ffffff; }<---Couleur de ton choix


(Si Prestashop est installé à la racine de site le lien sera : http://www.tonsupersite.com/img/fond/Header-tonsupersite.png  )



CONTAINER
global.css ---> Ligne 5257
.columns-container {
background: url(http://www.tonsupersite.com/Prestashop/img/fond/Fond-tonsupersite.png) #ffffff; }<---Couleur de ton choix




FOOTER
global.css ---> Ligne 6774
.footer-container {
background: url(http://www.tonsupersite.com/Prestashop/img/fond/Footer-tonsupersite.png) #ffffff; }<---Couleur de ton choix


Voila comme j'ai déjà eu galère dans mes premiers pas avec Prestashop 1.6 j’espère que ça pourra t'aider et en aider d'autres 

 

Courage 

Lokiiy 

Edited by lokiiy (see edit history)
Link to comment
Share on other sites

Super réponse, c'est tout a fait ce que je voulais, et comme j'ai supprimé aussi la footer et tout ce qu'il y avait dedant, tout a disparu et mon image de fond est comme je le voulais.

merci 1000 fois Lokiiy.

 

C'est ennorme la difference entre le global.css de prestashop 1.5 et celui de prestashop 1.6.

Perso je pense que le global.css du 1.5 etait mieux organisé que le 1.6, il y avait des sections pour explication de la partie traitée alors que pour le 1.6, c'est du vrai brut des familles, sans aucunes marques pour expliquer la partie traitée, donc il est évident que pour celui qui arrive, le fait de vouloir changer quelque chose qui n'est pas modifiable dans l'admin devient un parcour du combatant.

 

merci encore

  • Like 1
Link to comment
Share on other sites

Guest
This topic is now closed to further replies.
×
×
  • Create New...