Jump to content
Sign in to follow this  
zabusa

Problem affichage theme prestashop

Recommended Posts

bonjour a tous

 

actuellement je suis entrain de me familiarisé avec prestashop

 

j'ai réussi a convertire un theme a la base pour du 1.3 que j'ai acheter

 

pour etre sur 1.4

 

voila seul souci au niveau de l'affichage tout c'est décalé sur la gauche voici le lien http://prestateste.comlu.com/

 

et j'ai quelque souci pour identifier la source du problème j'ai deja regarder le fichier global.css

 

mais je doit pas être dans le bon

 

si vous pouvais m'aidez je serrai extrêmement reconnaissent

 

 

 

bonne soirée a tous

Share this post


Link to post
Share on other sites

je viens de tester elle fonctionne

 

peut être faut il la placé dans la barre directement

 

désolé de se souci

Share this post


Link to post
Share on other sites

ok ça re-fonctionne!

 

pour moi le pb provient du fait que l'ensemble de votre contenu (header, column, footer) n'est pas encapsulé dans une div qui aurait par exemple 990px de large et alignée au centre de la page....

Dans le thème par défaut ces éléments sont placés dans une <div id="page">

 

dans votre header.tpl placez l'ouverture de la div au dessus du header :

<div id="page">
  <!-- Header -->
<div id="header">

 

enfin la fermeture de la div se fait dans le fichier footer.tpl

<!-- Footer -->
		<div id="footer">{$HOOK_FOOTER}</div>
	</div>
{/if}
</body>
</html>

 

ensuite pour les CSS dans globall.css

#page {
width: 990px;
margin: 0 auto;
}

Share this post


Link to post
Share on other sites

de retour , après avoir tester de se que vous m'avais dit rien ne changer :(

 

je vous remercie de vous intéresser a mon problème

 

 

ps: je re steste car tout ne c’était pas affiché dsl

 

donc je confirme se la na pas changer sauf erreur de ma part

Share this post


Link to post
Share on other sites

si se la peut aider

 

je peut déposer les fichier en pièces jointe ?

Share this post


Link to post
Share on other sites

Bonjour,

 

je commencerai par corriger les erreurs : validator.w3.org/check?uri=http%3A%2F%2Fprestateste.comlu.com

 

Tu as effectivement dans ton hearder 2 fois la liste header_links

 

<img class="twisty " role="presentation" /><ul id="header_links">

 

<img class="twisty " role="presentation" /><div id="search_block_top">

 

<img class="twisty " role="presentation" /><script type="text/javascript">

 

<img class="twisty " role="presentation" /><div id="header_user">

<img class="twisty " role="presentation" /><ul id="header_links">

 

Ensuite ce thème était payant ? No comment ...

 

Regarde aussi si les positions des modules sont les mêmes que sur ton ancienne version...

Back office > Modules > position > header of page et top of page

Share this post


Link to post
Share on other sites

hello,

 

je confirme le pb d'encapsulage mais bon!!

 

sinon tu peut arriver à un résultat en modfiant div#header dans gloall.css ligne 327:

div#header {
   background: url("../img/bg_header.png") no-repeat scroll 0 0 transparent;
   padding: 274px 0 0;
   position: relative;
   margin: 0 auto;
   width: 990px;
}

 

ensuite pour #columns ligne 83, il faut retirer le float:left; et ajouter le margin:0 auto;

 

et enfin le footer (ajout margin et width)

#footer {
   background: url("../img/bg_footer.png") no-repeat scroll 0 0 transparent;
   clear: both;
   height: 225px;
   margin: 0 auto;
   width: 990px;
}

 

ça fonctionne chez moi mais c'est pas optimisé à mon sens.... il faut mieux déclarer une div qui regroupe le header, les columns et le footer et lui donner une largeur fixe et l'aligner au centre....

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
Sign in to follow this  

×
×
  • Create New...

Important Information

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