[Résolu] Inserer une banniere

[junt_a]

Reboujour a tous !!

Cette fois je cherche a installer une bannière que j'ai creer sur mon site prestashop.
En gros j'aimerai qu'elle soit tout au haut du site et sur la largeur de la page (comme peut l'être n'importe qu'elle bannière).

Merci de votre aide !!

[junt_a]

Personne pour m'aider ?

[SotEW]

Alors alors...

y'a plusieurs cas de figures, et il existe de nombreuses façon de le faire... je vais te faire une version assez propre et évolutive, hein, comme je ne sais pas ce que tu veux exactement.

tu auras besoin de modifier 2 fichiers : /themes/nom_de_ton_theme/header.tpl

et

/themes/nom_de_ton_themes/css/global.css

dans header.tpl, rajoute à la ligne 46 les trois lignes suivantes :

 

Si tu veux en plus avoir un lien cliquable sur la bannière :

				[url="http://tonlien.com"] [/url]

 

C'est tout pour le header.

Pour le css, rajoute quelque part (juste en dessous de #header et avant #left column, par exemple :

#banniere {
background: transparent url('cheminverstabanniereàpartirdudossiercss') no-repeat top left;
float: left;
height:XXXpx;
width: 967px;
}
#banniere a {
text-decoration: none;
display: block;
height: 100%;
width: 100%;
}

où XXX est la hauteur de ta bannière.

Voila tout. Tu peux aussi rajouter des margin-[top, left, right, bottom] : Ypx; dans les premières accolades pour effectuer un décalage avec le reste des élements.

[junt_a]

Super Gros merci !!!! :-)
Ça marche au poils !!!!

[GAELLE]

bonjour,

J'ai rajouté à la ligne 46

 

et sur ma boutique je ne vois aucune image apparaitre. Je pense que c'est mon code qui est faux, pouvez vous me donner des infos ? Merci

[GAELLE]

pour etre exact j'ai rajouter (en gras)

 

[Patric]

Attention parce que la ligne 46 de l'époque n'est peut être plus la même aujourd'hui, si du code à été enlevé/ajouté depuis la version de l'époque.

Je ne sais pas ce que tu cherches à faire exactement, mais ce que tu a mis ne peut pas marcher.
De plus l'URL que tu spécifies pointe vers une image sur le Web...

[GAELLE]

J'ai réussi à installer la bannière dans mon Back office. plus de problemes. MERCI

[Patric]

J'ai réussi à installer la bannière dans mon Back office.

Dans ton Front Office, sûrement... ;-)

[Maury Girard]

Ton code

http://i35.servimg.com/u/f35/11/55/44/54/humpba10.jpg*

*Tu devrais adapter ton image directement dans ton répertoire /css/ de ton theme, tous comme l'a donné SotEW et Notre Modo de la Prestateam

Regarde:

Code de SotEW

#banniere {
background: transparent url('cheminverstabanniereàpartirdudossiercss') no-repeat top left;
float: left;
height:XXXpx;
width: 967px;
}

[orka]

Bonjour
J'ai ,je pense, respecté les infos ci dessus
Mais je retrouve le logo coincé à droite de la bannière .
Comment pui je ne garder (a l'affichage ) la bannière seule ??
Merci de votre aide

[Maury Girard]

Orka
Bonjour,
Auriez vous le lien de votre site de façon à voir votre erreur
Car comme ca, sans rien ,c'est difficile à traiter

[orka]

Merci de votre reponse
Momentanément ,j'ai pallié a ce problème en remplaçant l'image logo.jpg par une image blanc.jpg de 1 px de large qui se trouve a droite de la bannière et invisible
le lien:wxx.
Cependant si vous pouvez m'indiquer le bon code se serait plus"propre"
-Code .tpl
<!-- Header -->

 

{$HOOK_TOP}

-code .css
<!-- Header -->

 

{$HOOK_TOP}

Cdlt

[Maury Girard]

Déjà

supprimer cette image de 1px

qui se trouve dans

FTP:\\prestashop\IMG\

et non dans

FTP:\\prestashop\votre_theme\IMG\

Ensuite vérifiez la chose suivante comme le dit SotEW

-De modifier 2 fichiers : /themes/nom_de_ton_theme/header.tpl

et

/themes/nom_de_ton_themes/css/global.css

dans header.tpl, rajoute à la ligne 46 les trois lignes suivantes :

<div id="banniere">
<a href="lien de votresiteweb"> </a>
</div>

 

Ensuite dans le global.css, rajoutez quelque part

(juste en dessous de #header et avant #left column, par exemple

#banniere {
background: transparent url('cheminverstabanniereàpartirdudossiercss') no-repeat top left;
float: left;
height:XXXpx;  /*XXX est la hauteur de votre bannière.  */
width: 967px;
}
#banniere a {
text-decoration: none;
display: block;
height: 100%;
width: 100%;
}

[daligame]

merci pour toute vos réponse, mais je pense alors que je suis trop nul, voila mon code du header :

<!-- Header -->
!-->!-->!-->

div id="banniere">
 

{$HOOK_TOP}

et dans global, ou doit je metre le code car le fichier est trop grand,

Cordialement,
Mr Dali.

[daligame]

revoila le code pardon :

            <!-- Header -->
!-->!-->!-->            
       div id="banniere">
 
         

                   {$HOOK_TOP}

[Maury Girard]

essayez simplement ceci comme l'indique SotEW

<!-- Header -->

 
 




                   {$HOOK_TOP}



           <!-- Left -->

Cordialement,

[orka]

Bonsoir , désolé de revenir a la charge , mais je ne m'en sors pas avec cette banniere
En effet j'ai bien la banniere ,mais le logo s'incruste (je voudrai qu'il n'apparaisse plus sur l'accueil)et j'ai perdu la fonction recherche
J'ai bien essayé avec firebug mais je n'arrive pas a voir le ccs de la zone qui m'interesse
http://www.tutoriels.net/PrestaShop/
Si qq peut avoir la patience de m'aider
Cdlt

[Maury Girard]

Orka
Si vous avez un lien du site voir également un screen de votre erreur ,
nous permettra plus facilement de visualiser et traiter votre erreur

cdlt,

[orka]

Bonjour
Merci de votre réponse

Le lien du site est bien dans le premier post

Je me demande si le Flash n'empiète pas sur le bloc recherche ??

Cdlt

[avintage]

NB : Dans mon cas, une image de 980px de large s'aligne parfaitement à avec la bordure droite du bloc Rechercher.
PS v131

[croco]

Bonjour,

 

Je souhaiterais insérer une bannière à la place du logo prestashop d'origine et la centrer tout le long de la page es-ce que ce topic est toujours d'actualité pour la version 1.4.4.1 ?

 

J'ai un problème, je ne vois aucun code dans le post de SotEW

 

Alors alors...

 

y'a plusieurs cas de figures, et il existe de nombreuses façon de le faire... je vais te faire une version assez propre et évolutive, hein, comme je ne sais pas ce que tu veux exactement.

 

tu auras besoin de modifier 2 fichiers : /themes/nom_de_ton_theme/header.tpl

et

/themes/nom_de_ton_themes/css/global.css

 

dans header.tpl, rajoute à la ligne 46 les trois lignes suivantes :

Si tu veux en plus avoir un lien cliquable sur la bannière :

C'est tout pour le header.

 

Merci de votre aide

 

++

[Horacio]

Bonjour,

Quitte à modifier, il y a plus simple:

1) Placer votre bannière par exemple dans "themes/votreTheme/img",

2) dans header.tpl, mettre le code suivant entre <div id="page"> et <div id="header">

   	 <div>
            <a href="{$base_dir}" title="{$shop_name|escape:'htmlall':'UTF-8'}">
                <img src="{$base_dir}themes/VotreTheme/img/VotrBanniere"/>
            </a>
        </div>
[/Code]

[edgy]

Bonjour,

j'ai essayé ces deux solutions mais aucune ne marche.

Pour la première je ne comprend pas ce qu'est "transparent url". Il faut indiquer le chemin de la banniere à partir du dossier css? Mais la banniere se trouve dans le dossier img qui est au meme niveau que le dossier css.

 

Pour la deuxième solution, y a t'il d'autres choses que je doit remplacer?

<div>

<a href="{$base_dir}" title="{$shop_name|escape:'htmlall':'UTF-8'}">

<img src="{$base_dir}themes/prestashop/img/banniere"/>

</a>

</div>

 

Merci de m'aider, je suis nouveau et un peu perdu.

[Presta_SEO]

Bonjour,

 

Je suis à la recherche d'une méthode pour insérer une bannière "proprement" avec la dernière version 1.4.5.1, comment se fait-il que les portions de codes données dans ce post en particuliers et les autres en général sont invisibles (carrés blanc vides) ? Comment faire dans ce cas ?

 

Merci

[spotsound]

Et voici un petit module: http://www.prestashop.com/forums/topic/144728-module-banniere-header-1-euro-pour-la-bonne-cause/page__p__695972?do=findComment&comment=695972

 

a bientot

[hightone69]

Essaye d'insérer ta bannière Back office dans préférence/apparence/logo