CharOole Posted March 2, 2017 Share Posted March 2, 2017 Bonjour tout le monde ! Je cherche en vain, une solution pour modifier le fond de ma page d'accueil uniquement. J'ai trouve plusieurs discussions a ce sujet, mais celle ci sont obsolètes (version 1.5) et ne fonctionne pas sous ma version 1.6.1.11. Je voudrais garder les autres pages sur le fond d'origine, (je les changerais peut etre plus tard, si je trouve la procedure). J'utilise le theme par defaut de prestashop. Merci beaucoup. Link to comment Share on other sites More sharing options...
BeComWeb Posted March 2, 2017 Share Posted March 2, 2017 (edited) En CSS c'est très simple. Le body de la page d'accueil a un id ("index"). Donc si tu déclares 2 règles comme ceci body{ background-image:('background.jpg'); } body#index{ background-image:('background-homepage.jpg'); } Tu auras une image de fond différente pour la homepage Edited March 2, 2017 by BeComWeb (see edit history) Link to comment Share on other sites More sharing options...
CharOole Posted March 2, 2017 Author Share Posted March 2, 2017 (edited) Merci pour ta réponse. J'ai donc fais ce que tu as écris, dans le global.css mais rien ne se passe. Puis je l'ai mis de la maniere suivante : body{ background-color: #fff; } body#index{ background-image: url("background-homepage.jpg"); } Avec bien sur le bon chemin vers mon image de fond. Pas de changement... Edited March 2, 2017 by CharOole (see edit history) Link to comment Share on other sites More sharing options...
BeComWeb Posted March 2, 2017 Share Posted March 2, 2017 Il doit y avoir d'autres règles CSS "plus fortes". Tu peux me donner l'url de ton site ? Link to comment Share on other sites More sharing options...
CharOole Posted March 2, 2017 Author Share Posted March 2, 2017 oui bien sur, C'est www.kawaiimaakmaak.com Link to comment Share on other sites More sharing options...
BeComWeb Posted March 2, 2017 Share Posted March 2, 2017 La boutique est en maintenance, je ne peux pas y accéder. Link to comment Share on other sites More sharing options...
CharOole Posted March 2, 2017 Author Share Posted March 2, 2017 oui, pardon je pensais l'avoir remise en ligne..... Là c'est bon normalement Link to comment Share on other sites More sharing options...
BeComWeb Posted March 2, 2017 Share Posted March 2, 2017 Pas de mention à body#index dans ton global.css. Tu es certaine d'avoir modifiée celui qui est dans themes/default-bootstrap/css ? As-tu vidé le cache ? Link to comment Share on other sites More sharing options...
CharOole Posted March 2, 2017 Author Share Posted March 2, 2017 Oui en effet, j'ai trouvé ça bizarre, quand j'ai fait une recherche dans Atom mon editeur de texte, il me l'a pas trouvé. Oui oui bien sûr, je suis bien dans le dossier theme -> bootstrap -> css -> global css et pour les caches, je les vides a chacune de mes modifs. alors je ne sais pas pourquoi..... Link to comment Share on other sites More sharing options...
BeComWeb Posted March 3, 2017 Share Posted March 3, 2017 Moui, enfin si la règle n'y est pas quand tu regardes le fichier c'est que tu ne l'as pas mise ou que tu as fait une erreur de syntaxe. Elle ne s'est pas fait la malle pendant le transfert FTP Tu crées un nouveau fichier CSS vide, tu mets ces règles dedans et tu uploades le fichier dans themes/default-bootstrap/css/autoload Link to comment Share on other sites More sharing options...
CharOole Posted March 3, 2017 Author Share Posted March 3, 2017 ok je ne connaissais pas du tout cette procedure, je vais tester ça de suite. Par contre en ce qui concerne le body#index, je ne pense pas l'avoir enlevé par mégarde... puis je viens de vérifier sur 2 autres prestashop que j'ai également sous la version 1.6.1.11 et le "body#index" n'y est pas non plus..... Link to comment Share on other sites More sharing options...
BeComWeb Posted March 3, 2017 Share Posted March 3, 2017 Oui c'est normal qu'il n'y soit pas, par défaut il n'y a aucune règle qui cible la balise <body> de la page d'accueil. C'est toi qui veut en ajouter une Link to comment Share on other sites More sharing options...
CharOole Posted March 3, 2017 Author Share Posted March 3, 2017 Bon alors j'ai fait un fichier au nom de "custom.css" que j ai mis dans autoload avec les règles suivantes : body{ background-color: #fff; } body#index{ background-image: url(".../img/totorogreen.jpg"); } Mon image de fond, se trouve dans le dossier "theme -> default bootstrap -> img" Voila, cela ne me trouve pas l'image, quand je fais inspecter l'element il me sort une erreur et ne trouve pas l'image. (pour être sure j'ai fais le test avec plusieurs chemin differents) mais rien non plus. Link to comment Share on other sites More sharing options...
Oron Posted March 3, 2017 Share Posted March 3, 2017 Bonjour Il n'y a pas un point ou deux en trop (".../img/totorogreen.jpg"); Link to comment Share on other sites More sharing options...
CharOole Posted March 3, 2017 Author Share Posted March 3, 2017 A vrai dire je pense que le chemin est bon, au vu de l'emplacement des dossiers; Mais comme j'ai dis plus haut, j'ai testé avec 1 point, et 2 points pour être sure mais cela ne donne rien. Link to comment Share on other sites More sharing options...
BeComWeb Posted March 3, 2017 Share Posted March 3, 2017 Il manque une récursion dans le chemin. Le bon chemin est "../../img/totorogreen.jpg". Il faut sortir du répertoire autoload, puis sortir du répertoire css puis entrer dans le répertoire img. Link to comment Share on other sites More sharing options...
CharOole Posted March 3, 2017 Author Share Posted March 3, 2017 bon je viens de trouver une solution sans passer via autoload j'ai tout simplement rajouté à la fin de mon fichier global.css body#index .columns-container { background: url("../img/totorogreen.jpg"); } et là, le miracle opéra. En tout cas, merci beaucoup à tous les deux, grâce à vous j'ai appris des nouvelles choses Link to comment Share on other sites More sharing options...
BeComWeb Posted March 3, 2017 Share Posted March 3, 2017 bon je viens de trouver une solution sans passer via autoload j'ai tout simplement rajouté à la fin de mon fichier global.css body#index .columns-container { background: url("../img/totorogreen.jpg"); } Oui parce qu'il n'y a qu'une seule récursion à faire (sortir de css) au lieu de 2 pour l'autre solution (sortir de autoload puis sortir de css). Je dis pas ça pour faire le mec pointilleux, simplement il faut bien comprendre le principe des récursions si tu veux éviter de passer des heures à tourner en rond sur ce genre de cas. Félicitations en tout cas. Et pense à passer le topic en "[Résolu]" Link to comment Share on other sites More sharing options...
ChDUP Posted March 3, 2017 Share Posted March 3, 2017 et oui vous avez un background-color:white sur .columns-container Ce qui masquait le background du body dans votre premier essai Link to comment Share on other sites More sharing options...
CharOole Posted March 3, 2017 Author Share Posted March 3, 2017 Par contre je n'ai aucune idée de comment on passe ce topic en "résolu" Link to comment Share on other sites More sharing options...
BeComWeb Posted March 3, 2017 Share Posted March 3, 2017 Par contre je n'ai aucune idée de comment on passe ce topic en "résolu" https://www.prestashop.com/forums/topic/256108-regles-du-forum-officiel-de-prestashop-et-conseils-dutilisation/ Link to comment Share on other sites More sharing options...
Recommended Posts
Create an account or sign in to comment
You need to be a member in order to leave a comment
Create an account
Sign up for a new account in our community. It's easy!
Register a new accountSign in
Already have an account? Sign in here.
Sign In Now