Disposition de la barre de recherche

[Sector]

Bonjour,
Voila je souhaite déplacer la barre recherche qui est dans le header, de la droite vers le centre du header.
Merci

[Imaxine]

Bonjour,

Quand je te demandais de bien vouloir compléter ta signature, c'était pour que tu indiques les renseignements qui sont utiles.

[Imaxine]

La partie de code relative à la barre de recherche se situe dans le fichier catalog/view/theme/default/stylesheet/stylesheet.css

Code: Tout sélectionner

#header #search {
   position: absolute;
   top: 15px;
   right: 0px;
   width: 298px;
   z-index: 15;
}
#header .button-search {
   position: absolute;
   left: 0px;
   background: url('../image/button-search.png') center center no-repeat;
   width: 28px;
   height: 24px;
   border-right: 1px solid #CCCCCC;
   cursor: pointer;
}
#header #search input {
   background: #FFF;
   padding: 1px 1px 1px 33px;
   width: 262px;
   height: 21px;
   border: 1px solid #CCCCCC;
   -webkit-border-radius: 3px 3px 3px 3px;
   -moz-border-radius: 3px 3px 3px 3px;
   -khtml-border-radius: 3px 3px 3px 3px;
   border-radius: 3px 3px 3px 3px;
   -webkit-box-shadow: 0px 2px 0px #F0F0F0;
   -moz-box-shadow: 0px 2px 0px #F0F0F0;
   box-shadow: 0px 2px 0px #F0F0F0;   
}


[Sector]

Merci pour cette réponse rapide mais bon cela n'est pas la solution, je pense plus a une modification du coté du code source du header.tpl à déplacer .

[Imaxine]

Si je te dis que c'est dans le CSS qu'il faut faire la modification, tu peux me croire. Dans le fichier header.tpl, ne se trouve que du PHP.

Je serai bien curieux de voir ce que tu pourrais modifier dans le fichier header.tpl pour déplacer la barre de recherche. N'hésites surtout pas à nous démontrer que cela est réalisable.

[Sector]

Ok peut être que je me suis mal exprimé aussi, je souhaite enlever la fonction recherche qui ce trouve a droite du panier et la mettre au centre du header en dessous de devise et langue
Merci

[Imaxine]

Enlever d'un endroit pour placer la barre à un autre endroit, s'appelle modifier la position, donc tu t'es très bien fait comprendre et ma réponse était tout à fait adaptée à ta question.

[Sector]

ok donc encore une fois merci pour ta réponse, je dois faire quoi dans le css alors ?

[Imaxine]

... je dois faire quoi dans le css alors ?

Modifier les valeurs dans ces parties de code. Si tu ne connais pas le CSS, je te suggère de consulter des sites dont c'est la principale activité, tel que Alsacréations ou le site du zéro.

N'hésites pas à nous faire part de tes investigations et modifications.

[Sector]

Étant de retour j'ai effectué les modifications dans le css et cela marche merci.

[Imaxine]

Bien heureux pour toi.

Puisque tu as résolu ton problème, peux-tu mettre l'icône de résolution dans le titre initial du sujet.

Nous t'en remercions.