Page 1 sur 1

inserer un lien dans le header

MessagePublié: 05 Juil 2013, 12:39
par diabloT1000
Bonjour,

J'ai remplacé le background du header par une image dans la feuille de style CSS.
J'ai supprimé l'image du logo dans les parametres de la boutique.

Tout s'affiche correctement mais du coup, le header n'est plus cliquable vers la page d'accueil :(
Donc que faire pour inserer un lien dans le header et d'être ainsi redirigé vers la page d'accueil par exemple ??
Faut t'il modifier ou ajouter une ligne dans le fichier header.tpl ??

Merci par avance :!:

Re: inserer un lien dans le header

MessagePublié: 05 Juil 2013, 13:10
par bminghet
Salut,
Tu peux, soit mettre un lien comme tu les dit, dans header.tpl, soit entrer ta bannière en tant que logo (en adaptant la CSS) pour que ce soit cliquable.
Il y a plusieurs solutions mais en faisant comme tu viens de faire, il n'y aura plus de logo en entête sur tes notifications et dans la facturation.

Peux-tu me fournir l'RUL de ton site.

Re: inserer un lien dans le header

MessagePublié: 10 Juil 2013, 10:15
par diabloT1000
Bonjour,
mes excuses pour la réponse tardive....
j'ai résolu le problème en appliquant la 2eme option à savoir que j'ai entré la bannière en tant que logo avec quelques modifs dans la feuille de style CSS.
Du coup, inutile de toucher au fichier header.tpl

merci de ton aide tout de même :) ;)

Re: inserer un lien dans le header

MessagePublié: 10 Juil 2013, 10:53
par bminghet
Salut,
le problème est que tes clients vont recevoir l'intégralité de ta bannière dans les mails de commandes, notifications et factures.
Ce n'est pas la meilleure solution car Il y a une solution juste en utilisant le css . ;)
1. Tu insères juste dans #header de ta css, un lien bannière.png (sans le visuel du logo).
2. Avec la css #header #logo, tu règles ton logo pour qu'il tienne sa place sur la bannière.
Ton logo est cliquable et il sera utilisé pour tous les documents administratifs du site

Code: Tout sélectionner
#header {
   height: 130px;
   margin-bottom: -5px;
   padding-bottom: 0px;
   position: relative;
   z-index: 99;
   background: url('../image/header.png') center center no-repeat;
}

Tu peux voir un exemple du rendu sur mon site http://www.abi18.fr/
:D

Re: inserer un lien dans le header

MessagePublié: 12 Juil 2013, 14:07
par diabloT1000
merci beaucoup !! ;)
c'est corrigé

Re: inserer un lien dans le header

MessagePublié: 13 Août 2013, 13:08
par pazogueye
Bonjours !
j'aimerai placer les boutons contact et compte sur le header juste en dessous du champ cart Image
j'ai réussi a suprimer ces bouton du top menu en travaillant sur le header.tpl, mais je ne sais pas quel code entrer pour faire le reste
pourriez vous m'adier s'il vous plait

Re: inserer un lien dans le header

MessagePublié: 13 Août 2013, 14:42
par lucho69
si tu veux les déplacer, il faut pas les supprimer
avec le css , tu places ce que tu veux, ou tu veux : , en utilisant la fonction "absolute" par exemple de css, ou en gérant tout ton bandeau via un beau css , float left et écartement au pixel près
http://www.w3.org/Style/Examples/011/firstcss.fr.html

Re: inserer un lien dans le header

MessagePublié: 17 Août 2013, 12:32
par pazogueye
Bonjour !
Merci lucho69 de m'avoir répondu. depuis je n'ai cesser de trouver une solution, mais j'ai toujours le même problème.
en faite il ya un code pour tout le blox du menu top et je ne sais pas quel code entrer pour déplacer seulement les deux bouton ("compte" et "nous contacter"). voici le lien de mon site www.loosoxla.com/test
Merci

Re: inserer un lien dans le header

MessagePublié: 17 Août 2013, 19:11
par lucho69
tu as déja les liens compte et contact tout en haut, tu les as aussi dans le menu; tu les veux en plus comme images?
il faut modifier header.tpl, essaie de mettre juste un "zzzzzzz" après le bloc recherche, voir où ça sort
ensuite tu le règles via css : padding - margin pour mettre tes zzzz où tu veux puis une fois en place tu mets le bon code img

Re: inserer un lien dans le header

MessagePublié: 19 Août 2013, 11:55
par pazogueye
Merci !
j'ai pus inséré les boutons : "compte" et "contact" dans le header presque a l'endroit voulu ( http://loosoxla.com/test/ ) en ajouter ceci sur le header.tpl dans la partie search:
Code: Tout sélectionner
      <div class="linka"><a href="<?php echo $account; ?>"><?php echo $text_account; ?></a>
          <div  class="dropdown_fullwidth">
       
     </div></div>
     <div class="linkb"><a href="<?php echo $contact; ?>"><?php echo "contact"; ?></a>
      </div>
         
</div>

<!---------------------------end search------------------------------->   

mais je ne sais pas comment faire avec le css pour parfaire le positionnement et changer certaine propriétés.
J'ai intégré ce code dans le stylsheet.css sur la partie header :
Code: Tout sélectionner
#header .linka{
float:left
   display: block;
   padding: 0px 0px 0px 7px;
   color: #38B0E3;
   text-decoration: none;
   font-size: 12px;}
#header .linkb{  }

mais cela ne change rien
les deux boutons prennent les mêmes propriétés que la case "cart"(panier)

Re: inserer un lien dans le header

MessagePublié: 21 Août 2013, 12:07
par pazogueye
Bonjour !
Personne n'a une idée ?