Modification page de maintenance

[aureliem95]

Bonjour,

 

Je viens d'installer la nouvelle version de Prestashop.

 

Je souhaiterais modifier la page de maintenance lorsque ma boutique est en cours de construction ou de modification.

 

Je voudrais supprimer le logo et le texte et remplacer le tout par une grande image au format .jpg.

 

Je ne sais pas où je dois faire la modification : maintenance.tpl ou maintenance.css ?

 

Et ensuite comment je dois inscrire cette modification ?

 

Merci pour votre aide précieuse.

 

Aurélie

[Samy_R]

Maintenance.tpl est le "squelette" de la page de maintenance, Maintenance.css ne fait qu'en modifier les styles, donc tu dois modifier le .tpl

[aureliem95]

Merci Samy pour cette info. Si toutefois toi ou quelqu'un d'autre peut m'apporter un peu plus de détails sur ce que je dois supprimer et rajouter, je suis preneuse.

 

En attendant, je fouille, après tout c'est comme cela qu'on apprend !

[Stéphane Chonez]

bonjour Aurélie,

 

en 1er exporte ton image dans le dossier img de ton thème.

 

ensuite ouvre le fichier maintenance.tpl et modifie le code entre <div id="maintenance"> </div> comme celà :

 

<div id="maintenance">
   <img src="{$img_dir}img/TON_IMAGE.jpg" alt="{l s='TON TEXTE ALTERNATIF'}"  width="LARGEUR_IMAGE" height="HAUTEUR_IMAGE" />
 </div>

 

enfin mofie le fichier maintenance.css --> #maintenance

afin que celui-ci positionne au mieux ton image dans la page!

[aureliem95]

Merci Stéphane,

 

Maintenant cela fonctionne mais sans les accolades.

[erwannpichard]

Merci pour ce petit topic ....

cependant .... j'ai modifier le "maintenance.tpl" de mon theme comme indiqué plus haut de la maniére suivante :

 

 

<div id="maintenance">

<img src="{$img_dir}img/logojane.jpg" alt="{l s='TON TEXTE ALTERNATIF'}" width="480" height="123" />

</div> <p id="message">

" style="margin-right:10px; float:left;" alt="" />{l s='In order to perform site maintenance, our online shop has shut down temporarily. We apologize for the inconvenience and ask that you please try again later.'}

</p>

<span style="clear:both;"> </span>

</div>

</body>

</html>

 

et rien n'y fait !!!! j'ai verifié tout les droit sur mes fichiers, le fichier est belle est bien modifié mais j'ai toujours le logo de la boutique et non le logo que je souhaite faire apparaitre: les modification faite dans le "maintenance.css" ont en revanche bien ete prise en compte.

Quelqu'un peu m'aider? !!!

Merci d'avance

Erwann

[zimule]

Bonjour,

 

Pour chaque modification d'un .tpl, il faut vider le cahe \tools\smarty\compile (sauf index.php), vider le cache du navigateur et réactualiser. Le css est chargé immédiatement par le navigateur.

 

On peut aussi dans l'admin se mettre en mode Forcer la compilation dans préférences->performances (à enlever après modif)

 

Quoiqu'il en soit, toujours vider le cache navigateur.

 

Cdt

Philippe

[Matlemagic]

Bonjour,

Je suis actuellement en cours de création de mon site web par le biais de prestashop.

Et je suis bloqué car je voudrais changer la photo de PS dans la page de maintenance.

Cependant, je n'arrive à afficher l'image en suivant les conseils précédents. 

Pourriez-vous me guider étape par étape? 

1/ Télécharger l'image que l'on souhaite faire apparaître?

2/ Programmer sur maintenance.tpl et mettre le nom du nouveau fichier image?

3/ Programmer sur maintenance.css pour obtenir une dimension correcte?

 

Dîtes-moi si c'est la bonne formule et surtout si vous pouvez me donner des indications sur la bonne programmation dans maintenance.tpl afin de personnaliser cette page.

 

Merci par avance 

[bloodysmily]

Bonjour,

 

J'aimerais également enlever la photo de PS, d'après mes recherches elle est à cette adresse :

<img src="{$content_dir}img/logo.jpg"

 

mais si je vais sur mon FTP > themes/Mon themes/img/   je n'ai pas de logo.jpg... Est ce normal ? Où se trouve cette image exactement ?

 

Car je pensais, juste y mettre mon image, l'appeler également "logo" étant donné que celle d'origine à une bonne taille et est bien placée

 

Merci,

 

Joel

[netslider57]

Bonjour,

 

J'aimerais également enlever la photo de PS, d'après mes recherches elle est à cette adresse :

<img src="{$content_dir}img/logo.jpg"

 

mais si je vais sur mon FTP > themes/Mon themes/img/   je n'ai pas de logo.jpg... Est ce normal ? Où se trouve cette image exactement ?

 

Car je pensais, juste y mettre mon image, l'appeler également "logo" étant donné que celle d'origine à une bonne taille et est bien placée

 

Merci,

 

Joel

 

Tu ne cherches pas dans le bon dossier img, il faut chercher dans celui à la racine du site pas dans celui du thème ;-)

[bloodysmily]

Bein dans ce dossier, le fichier "logo.jpg" est mon logo à moi, pas l'image de prestashop.... pas le bon fichier non plus...

[billout31]

Bein dans ce dossier, le fichier "logo.jpg" est mon logo à moi, pas l'image de prestashop.... pas le bon fichier non plus...

 

hello, dans ton maintenance.css -> background:url(../img/bg_maintenance.png) no-repeat 100% 0 #fff

[4iphon]

Bonjour à tous,

 

Je déterre un peu ce sujet mais j'ai moi aussi un petit souci. J'essaie de mettre une grande image pour ma page de maintenance (taille de l'image 1170 x 693 pixels avec 72 pp de résolution ). Mais après plusieurs tentatives dans le fichier maitenance.tpl rien ne change. j'ai aussi regarder dans le maintenance.css mais je n'ai pas d'endroit ou je peu modifier le nom d'une image. 

 

Je ne sais donc pas trop ce que je fais faux ou ce que je ne fais pas. Si quelqu'un peu me donner un coup de main, je suis preneur.

 

Merci d'avance.

 

kevin

[Aurelink_]

Il faut bien penser à aller désactiver le cache 
 
dans BO > paramètre avancé > performances > 
désactiver le cache et forcer la compilation à chaque appel 
 
Une fois fait,
 
je te conseil de créer une div vide par exemple 

<div class="img_maintenance"></div>

et après dans ton fichier CSS que tu dois créer s'il ne l'est pas (css/maintenance.css), tu peux appeler ton image avec : 

.img_maintenance {
  background-image: url(/img/monImage);
  width: 1170px;
  height: 693px;
  background-size: cover;
} 

ton image devra se trouver à la racine de ton site dans le dossier img

Edited April 20, 2017 by Aurelink_ (see edit history)