Jump to content
Maxime Regnier

Personnalisation de la page de maintenance

Recommended Posts

Bonjour, désolé d'avance si le sujet n'est pas au bon endroit sur le Forum, j'ai un problème avec les forums, je n'y comprend rien..


 


Bref, voici mon souci, je suis actuellement entrain de mettre ma boutique en maintenance et je souhaiterais avoir une page de maintenant propre. J'ai donc créer un design de maintenance en .jpg (voir photo joint), donc une simple image que je souhaite mettre en page de maintenance.


 


PS: Il faut m'expliquer toutes les manipulations en détails comme un bébé car je suis un gros débutant en développement   :rolleyes:


 


Merci à ceux et celles qui m'aideront !  :D


post-1207903-0-69111600-1500298335_thumb.png

Share this post


Link to post
Share on other sites

Bonjour,

 

Il va falloir travailler sur le .tpl et le .css de la page de maintenance, c'est un peu compliqué à faire.

Avez vous des bases en css et html ? Sinon pas la peine de ce lancer la dedans.

 

Bonne journée

Share this post


Link to post
Share on other sites

Bonjour, oui je savais qu'il fallait modifié les fichiers maintenance.tpl et maintenance.css. Problème tout d'abord dans la dernière version de prestashop impossible de trouver le fichier maintenance.css, je ne sais pas où ils ont pu le mettre ou si ils ont changé son nom. Ensuite pour ce qui est du css et du html je suis pas un expert mais c'est pas une programmation de fou mais simplement une image à afficher en plein écran. Ensuite mon autre soucis pour ce qui concerne le fichier maintenance.tpl je ne sais pas non plus si je dois supprimé entièrement le codage de base et repartir à zéro ou simplement injecter mon code à un endroit précis. J'espère être compréhensible. Merci !

Share this post


Link to post
Share on other sites

C'est pas du codage de fou mais il faut changer le tpl si vous voulez du plein ecran car l’organisation n'est pas en plein écran. Il faut remprendre le tpl, créer des selecteurs pour leur donner la bonne taille.

Pour le css ce n'est pas trés important vous pouvez le mettre dans le global.css.

Vous êtes sur la 1.7 ?

 

Bonne journée

Share this post


Link to post
Share on other sites

Je peux vous aider, c'est pour cela que je vous demande si vous avez des notions de html css.

Essayez de mettre des sélecteurs sur les éléments sur le  tpl puis dimensionnez les en css. Si ne ne fonctionne pas tout à fait mettez votre code et je vous aiderai.

 

Bonne journée

Edited by Ariane Web et Plus (see edit history)

Share this post


Link to post
Share on other sites

Alors voici le code de base qu'il y a dans le tpl. Que dois-je mettre et où le mettre exactement ? 
J'ai des notions de html et css mais vraiment basique, il faut m'expliquer comme un bébé ahah  :rolleyes:

 

{extends file='layouts/layout-error.tpl'}
 
{block name='content'}
 
  <section id="main">
 
    {block name='page_header_container'}
      <header class="page-header">
        {block name='page_header_logo'}
        <div class="logo"><img src="{$shop.logo}" alt="logo"></div>
        {/block}
 
        {block name='hook_maintenance'}
          {$HOOK_MAINTENANCE nofilter}
        {/block}
 
        {block name='page_header'}
          <h1>{block name='page_title'}{l s='We\'ll be back soon.' d='Shop.Theme'}{/block}</h1>
        {/block}
      </header>
    {/block}
 
    {block name='page_content_container'}
      <section id="content" class="page-content page-maintenance">
        {block name='page_content'}
          {$maintenance_text nofilter}
        {/block}
      </section>
    {/block}
 
    {block name='page_footer_container'}
 
    {/block}
 
  </section>
 
{/block}

Share this post


Link to post
Share on other sites

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 account

Sign in

Already have an account? Sign in here.

Sign In Now

×
×
  • Create New...

Important Information

Cookies ensure the smooth running of our services. Using these, you accept the use of cookies. Learn More