Jump to content

[RESOLUS] Modification de l'en tête...

Jawaad

By Jawaad
in PrestaShop pour les développeurs

 Share

Recommended Posts

Jawaad Newbie

Jawaad

Posted
Posted

Bonjour,

C'est mon premier message sur ce forum. Je débute avec Prestashop, et je suis trés fiér de faire désormais partis de cette comunauté.


Je travaille actuelement sur un théme perso pour une boutique. Je voudrais commencer par changer entiérement l'en tête.
Je voudrais tout retirer et mettre à la place un en tête que j'ai creer et qui est present sur une page php.

J'aimerais pour cela utiliser la commande php "include"

<?php include("enteteperso.php"); ?>



Le probléme, c'est que je ne sais pas quel fichier changer dans le théme de base de prestashop. J'ai esseyer d'entrer cette ligne de php dans le fichier header.tpl mais sans resultat pour me moment...

Pour infos, je voudrais suprimer tout l'en tête present, je ne voudrais voir apparaitre que la création presente dans la page php.

Quelqu'un pourrait m'aider?


Merci pour votre aide précieuse...


Jawaad.

Link to comment
Share on other sites
Jawaad Newbie

Jawaad

Posted
  • Author
Posted

aille, çà fait 2 heures que je galére!

du coup j'ai voulus faire çà pour voir:

>


<html >
   <head>
       <title>{$meta_title|escape:'htmlall':'UTF-8'}</title>
{if isset($meta_description) AND $meta_description}
       <meta name="description" content="{$meta_description|escape:htmlall:'UTF-8'}" />
{/if}
{if isset($meta_keywords) AND $meta_keywords}
       <meta name="keywords" content="{$meta_keywords|escape:htmlall:'UTF-8'}" />
{/if}
       <meta http-equiv="Content-Type" content="application/xhtml+xml; charset=utf-8" />
       <meta name="generator" content="PrestaShop" />
       <meta name="robots" content="{if isset($nobots)}no{/if}index,follow" />
       <link rel="icon" type="image/vnd.microsoft.icon" href="{$img_ps_dir}favicon.ico" />
       <link rel="shortcut icon" type="image/x-icon" href="{$img_ps_dir}favicon.ico" />
{if isset($css_files)}
   {foreach from=$css_files key=css_uri item=media}
   <link href="{$css_uri}" rel="stylesheet" type="text/css" media="{$media}" />
   {/foreach}
{/if}
       [removed][removed]
       [removed]
           var baseDir = '{$content_dir}';
           var static_token = '{$static_token}';
           var token = '{$token}';
           var priceDisplayPrecision = {$priceDisplayPrecision*$currency->decimals};
       [removed]
       [removed][removed]
       [removed][removed]
       [removed][removed]
{if isset($js_files)}
   {foreach from=$js_files item=js_uri}
   [removed][removed]
   {/foreach}
{/if}
       {$HOOK_HEADER}
   </head>

   <body {if $page_name}id="{$page_name|escape:'htmlall':'UTF-8'}"{/if}>
   {if !$content_only}
</pre>
<ul>{l s='This shop requires JavaScript to run correctly. Please activate JavaScript in your browser.'}</ul>
<br><div>

           <!-- Header -->

               {include file=$tpl_dir./haut.tpl}    

                       <!-- Left -->

               {$HOOK_LEFT_COLUMN}


           <!-- Center -->

   {/if}
<
Link to comment
Share on other sites
Jawaad Newbie

Jawaad

Posted
  • Author
Posted

oui, il y a un fichier haut.tpl. il était nomé haut.php avant mais en suivant tes indication j'ai modifié l'extention. Ai je eu tord?

La commande include semble bonne à premiére vue quand je compare avec le fichier category.tpl.

Si j'ai choisis cette solution c'est parce-que l'en tête utilise un code javascript.

Pëut étre que je peux l'integrer directement dans header.tpl sans utiliser la commande include?

voici la page haut.tpl (ou haut.php)

en gros, c'est ce que je voudrais mettre dans l'en tête, je voudrais voir que çà:

le code est trop long, voici un lien:

http://www.t-style.fr/boutique/ness/haut_de_page.php

Link to comment
Share on other sites
Atch Newbie

Atch

Posted
Posted

arf, oui tu peux le faire sans passer par un include.

Le fichier header.tpl est justement là pour ça.

Par contre c'est ta méthode qui n'est plus adaptée.

Vire ton tableau qui sert à faire des tableaux... et utilise plutot des

et des
pour réaliser ton header..
Et pour ce qui est des styles passe par le global css.

V++

Atch
Link to comment
Share on other sites
Jawaad Newbie

Jawaad

Posted
  • Author
Posted

oki, je m'y met tout de suite!

Serieux je te remercie pour ton aide Atch, c'est cool qu'il y est des gens comme toi pour nous donner des conseils.

Comme j'ai crée ma page avec firework, il faut donc que je l'adapte comme tu dis, je vire le tableaux et remplace tout çà par la fonction div!

Je t'informe de l'avancement de mon projet...

Bonne soirée à toi!

Link to comment
Share on other sites
Jawaad Newbie

Jawaad

Posted
  • Author
Posted

Bonjour tout le monde,

J'ai modifier l'en tête et j'ai transformé mon tableaux en



donc dans le fichier global.css, j'ai ajouté çà:
.menus {
   width: 1000px;
   height: 200px;
   margin-left: auto; 
   margin-right: auto;
}

.liens {
   width: 411px;
   height: 143px;
   float: right;

}

.categories {
   width: 461px;
   height: 40px;
   float: left
}


.haut_de_page_r1_c1 {
 width: 589px;
 height: 143px;
 margin-top: 0px;
 float: left;
 } 

.haut_de_page_r1_c5 {
 width: 80px;
 height: 110px;
 margin-top: 0px;
 float: left  
 } 

.haut_de_page_r1_c7 {
 width: 104px;
 height: 110px;
 margin-top: 0px;
 float: left;
 } 

.haut_de_page_r1_c9 {
 width: 90px;
 height: 110px;
 margin-top: 0px;
 float: left;
 } 

.haut_de_page_r1_c11 {
 width: 137px;
 height: 110px;
 margin-top: 0px;
 float: left;
 } 

.haut_de_page_r2_c5 {
 width: 411px;
 height: 33px;
 margin-top: 0px;
 } 

.haut_de_page_r3_c1 {
 width: 431px;
 height: 57px;
 margin-top: 0px;
 float: left;
 }   

.haut_de_page_r3_c2 {
 width: 82px;
 height: 40px;
 margin-top: 0px;
 float: left;

 }   

.haut_de_page_r3_c3 {
 width: 68px;
 height: 40px;
 margin-top: 0px;
 float: left;
 }

.haut_de_page_r3_c4 {
 width: 73px;
 height: 40px;
 margin-top: 0px;
 float: left;
 }

.haut_de_page_r3_c6 {
 width: 84px;
 height: 40px;
 margin-top: 0px;
 float: left;
}

.haut_de_page_r3_c8 {
 width: 64px;
 height: 40px;
 margin-top: 0px;
 float: left;
 }

.haut_de_page_r3_c10 {
 width: 90px;
 height: 40px;
 margin-top: 0px;
 float: left;
 }

.haut_de_page_r3_c12 {
 width: 108px;
 height: 57px;
 margin-top: 0px;
 float: right

 }

.haut_de_page_r4_c2 {
 width: 461px;
 height: 17px;
 margin-top: 0px;
 float: none
 }

body {
   margin-top: 0px;
   background-image: url(images/fond_haut.jpg);
   background-repeat: repeat-x;
}



et dans header.tpl, je dois ajouté çà:



je supose que je dois mettre çà juste en dessous de 

<!-- Header -->



ce que j'ai fais, mais çà donne une page toute blanche quand je vais sur le site (en local)

où est mon erreur?

Link to comment
Share on other sites
Atch Newbie

Atch

Posted
Posted

Edit : Regarde le lien de tes images dans le css, elles pointent où?

Normalement, le css de ton menu tu le mets dans le global.css et les images dans le répertoire img du theme.

le lien des images devrait être dans le css : url('../img/form_bg.jpg')

Si je peux me permettre, pour les menus tu devrais passer pas des listes (

) au lieu des div ;)

V++

Atch
Link to comment
Share on other sites
Jawaad Newbie

Jawaad

Posted
  • Author
Posted

Bonjour!

Ah, j'ai pas mal avancer aujourd'hui quand même! Beaucoup grace aux conseils de Atch, un grand merci à lui!!!

Mon tête à enfin pris forme, mais forcement comme rien ne peut étre plus simple, la mise en page se comporte de façon inatendus.

Voici le resultat: http://www.t-style.fr/boutique/

liens utile?: http://www.t-style.fr/boutique/themes/mon_theme/css/global.css

Sinon, pour le moment je trouve le resultat en

pas mal, je verrais plus tard pour adapter tout çà comme il faut car il y a encore 24 heure je ne savais pas du me servir de ces commandes (d'où l'utilisation des tableaux...)

D'où vien cette mise en page bizare?
Link to comment
Share on other sites
Jawaad Newbie

Jawaad

Posted
  • Author
Posted

Coucou!

Bonne année à tout les membres de la communauté de presta pour commencer, beaucoup de santé, de boutique, de ventes et surtout d'argent!!!!!!

Voici le résultat de l'en tête de ma futur boutique:

http://www.t-style.fr/boutique/


Merci pour tout vos conseils...

Je continue le dévlopement, mais on peux déjà dire que mon probléme est resolu!

Juste une dérniére question: est ce normal que l'ensemble de la boutique ne sois pas centré? j'ai du repositioner le fond pour qu'il puisse corespondre avec le reste de la page...

Link to comment
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
 Share
Go to topic listing
×
×
  • Create New...