Jump to content

intégration d'un bandeau à la place du logo

bostak
 Share

Recommended Posts

bostak Newbie

bostak

Posted
Posted

Bonjour tout le monde;

 

J'ai un petit soucis je transfert ma boutique de power boutique à prestashop, mais le problème n'est pas là, j'aimerais remplacer le logo par un bandeau comme il y a actuellement sur mon site : http://www.vivresenior.net/index.cfm

j'ai vu des sujets similaire mais cela ne marche pas car il faut copier un code à la ligne 46 du header.tpl, mais le problème c'est que ce n'est certainement plus à la ligne 46 qu'il faut intégrer le code. Il faut aussi modifier le global.css, mais je ne vois pas bien à quel endroit. J'aimerais avoir vos lumière pour résoudre mon problème j'ai déjà pas mal chercher mais je me rabats sur vous.

 

Cordialement,

Link to comment
Share on other sites
bostak Newbie

bostak

Posted
  • Author
Posted

j'avais déjà vu ce message mais voilà mon problème, voilà ce que je vois alors je sais pas si c'est parce que je suis pas doué ou pas mais voilà :

 

 

j'ai les deux premières cases qui sont blanches...

 

et sinon pour le header.tpl donc j'ai ça :

 

var baseDir = '{$content_dir}';

var static_token = '{$static_token}';

var token = '{$token}';

var priceDisplayPrecision = {$priceDisplayPrecision*$currency->decimals}; (ligne 46, donc c'est bien à cette ligne là ?)

var priceDisplayMethod = {$priceDisplay};

var roundMode = {$roundMode};

 

 

Je vous remercie de votre aide,

 

Cordialement,

Link to comment
Share on other sites
Maury Girard Newbie

Maury Girard

Posted
Posted

Bonjour ce n'est pas de votre faute mais apparemment un bug sur le forum

que je vais signaler d’ailleurs

 

pour votre info il faut insérer ce code dans le header.tpl de votre thème

en dessous de {$HOOK_TOP}

 

ceci

<div id="banniere">

<a href="lien de votre boutique"> </a>

</div>

Vous obtiendrez un logo cliquable

 

et dans le global.css

#banniere {

background: transparent url('../img/logobanniere.jpg') no-repeat top left;

float: left;

height:255px; /* la hauteur de la bannière */

width: 980px; /* la largeur de la bannière */

}

#banniere a {

text-decoration: none;

display: block;

height: 100%;

width: 100%;

 

}

 

Cordialement,

Link to comment
Share on other sites
ultraxa Newbie

ultraxa

Posted
Posted

j'ai appliqué votre solution mais le bandeau commence toujours a ma colonne centrale si float = left et le contraire si c'est right

comment faire pour mettre le bandeau dans la totalité

 

ce que je voudrias faire au juste c'est de faire comme ici

 

www.materiel.net

un bandeau repris par le fond d'ecran

 

y'a til une autre facon?

Link to comment
Share on other sites
marider Newbie

marider

Posted
Posted

Bonjour tout le monde;

 

J'ai un petit soucis je transfert ma boutique de power boutique à prestashop, mais le problème n'est pas là, j'aimerais remplacer le logo par un bandeau comme il y a actuellement sur mon site : http://www.vivresenior.net/index.cfm

j'ai vu des sujets similaire mais cela ne marche pas car il faut copier un code à la ligne 46 du header.tpl, mais le problème c'est que ce n'est certainement plus à la ligne 46 qu'il faut intégrer le code. Il faut aussi modifier le global.css, mais je ne vois pas bien à quel endroit. J'aimerais avoir vos lumière pour résoudre mon problème j'ai déjà pas mal chercher mais je me rabats sur vous.

 

Cordialement,

Bonjour

Très bonne décision te ta part de transférer ton site sur Prestashop tu fera que y gagner car HUM !! on évitera le sujet sur ce forum c'est pas l'endroit mais en revanche tu à bien raison de muter ton site.

Cordialement

Link to comment
Share on other sites
  • 2 weeks later...
  • 2 weeks later...
cornflex Newbie

cornflex

Posted
Posted

merci beaucoup cela ne marchait pas car je n'avais pas vider le cache de smarty, cela fonctionne nikel maintenant. Merci beaucoup

 

Bonjour bostak, je suis allé voir ton site car je rencontre le même soucis que toi. Je n'arrive pas intégrer de bg sous le header et conserver la partie "Bienvenue, identifiez-vous...." sans quelle ne se decole en desosous. Voir le bug ici : http://www.gsm-clinique.fr/presta/

 

Coté css, j'ai inclus le code nécessaire. Par contre jai une bug dans celui du header.tpl :

 

<!-- Header -->

<div id="header">

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

<img class="logo" src="{$img_ps_dir}logo.jpg?{$img_update_time}" alt="{$shop_name|escape:'htmlall':'UTF-8'}" {if $logo_image_width}width="{$logo_image_width}"{/if} {if $logo_image_height}height="{$logo_image_height}" {/if} />

</a>

<div id="header_right">

{$HOOK_TOP}

</div>

</div>

 

Quel est le code que tu as inséré dans ton header stp? Autre chose, je vois que ton ancien logo est superposé au dessus du bg du header, normal?

 

Merci

 

f.

Link to comment
Share on other sites
  • 1 month later...
apcim Newbie

apcim

Posted
Posted

Bonjour tout le monde ,

 

Dans le cas de l'intégration d'un bandeau

 

pour votre info il faut insérer ce code dans le header.tpl de votre thème

en dessous de {$HOOK_TOP}

 

ceci

Quote

 

<div id="banniere">

<a href="lien de votre boutique"> </a>

</div>

 

Qu'entends t on par lien de votre boutique ( je suis en local pour le moment)

??

merci

Link to comment
Share on other sites
apcim Newbie

apcim

Posted
Posted

Merci beaucoup

J'ai changé les 2 codes mais rien n''apparait

je dois avoir fait une erreur quelque part

 

Pour le Header ..... J'ai fait :

 

<!-- Header -->

<div id="header">

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

<img class="logo" src="{$img_ps_dir}logo.jpg?{$img_update_time}" alt="{$shop_name|escape:'htmlall':'UTF-8'}" {if $logo_image_width}width="{$logo_image_width}"{/if} {if $logo_image_height}height="{$logo_image_height}" {/if} />

</a>

<div id="header_right">

{$HOOK_TOP}

</div>

<div id="banniere">

<a href="LEPURBIENETRE\img\logobanniere"> </a>

</div>

</div>

<div id="columns">

 

 

 

Pour le css global j'ai fait

 

}

#banniere {

background: transparent url('../img/logobanniere.jpg') no-repeat top left;

float: left;

height:194px;

width: 960px;

 

}

#banniere a {

text-decoration: none;

display: block;

height: 100%;

width: 100%;

 

}

Si vous pouvez m'aider car cela me prend la tête merci

Link to comment
Share on other sites
Maury Girard Newbie

Maury Girard

Posted
Posted

Avez vous Désactiver le cache et forcer la compile depuis le B.o ?

 

Sinon ,avez vous supprimer sur votre FTP, dans les répertoire Tools/Smarty/Cache/.. ou /Compile/ tous les temporaire sauf les fichiers index.php

 

C'est la 1ere chose à faire quand on fait des modification sur Prestashop

Link to comment
Share on other sites
Maury Girard Newbie

Maury Girard

Posted
Posted

De modifier 2 fichiers :

/themes/nom_de_ton_theme/header.tpl

et/themes/nom_de_ton_themes/css/global.css

 

dans header.tpl, au niveau de:

 

<div id="header">
{$HOOK_TOP}
</div>

 

Rajoutez en dessous

<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('chemin_vers_votre_banniere_a_partirdudossier_img') no-repeat top center;
float: left;
height:XXXpx;  /*XXX est la hauteur de votre banniere.  */
width: YYYpx; /*YYY est la largeur de votre banniere.  */
}
#banniere a {
text-decoration: none;
display: block;
height: 100%;
width: 100%;

}

 

N'oubliez surtout pas de placer l'image de votre bannière dans le répertoire \IMG\ de votre thème utilisé

 

Cordialement,

Link to comment
Share on other sites
apcim Newbie

apcim

Posted
Posted

Bonjour et merci

j'ai fait toutes ces manips dans les codes

j'ai même vidé les caches

ce qui a permis d'afficher la bannière

mais tous les bloc du site sont descendu

et j'arrive pas à les remonter

pour éviter un blanc entre le bandeau du site et le contenu

 

Mes codes

 

/* global layout */

#page {

width: 980px;

margin: 0 auto 2px auto;

text-align: left

}

#header_logo {

float: left;

width: 264px;

display: block

}

img.logo {

float: left;

margin-top: 0.5em;

font-size: 2em;

font-weight: bold

}

#header_right {

float: left;

margin-bottom: 15px;

width: 73%;

text-align: right

}

#banniere {

background: transparent url('../img/logobanniere.jpg') no-repeat top left;

float: left;

height:198px;

width: 979px;

}

#banniere a {

text-decoration: none;

display: block;

height: 100%;

width: 100%;

}

#left_column, #center_

 

 

et dans le header

<!-- Header -->

<div id="header">

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

<img class="logo" src="{$img_ps_dir}logo.jpg?{$img_update_time}" alt="{$shop_name|escape:'htmlall':'UTF-8'}" {if $logo_image_width}width="{$logo_image_width}"{/if} {if $logo_image_height}height="{$logo_image_height}" {/if} />

</a>

<div id="header_right">

{$HOOK_TOP}

</div>

<div id="banniere">

<a href="LEPURBIENETRE\img\logobanniere1"> </a>

</div>

</div>

<div id="columns">

 

Ya surement une erreur quelque part

mais le PHP c'est un peu de l'hébreu pour moi

Dur dur d'être apprenti intégrateur ...

:-))

 

En tout état de cause merci

Link to comment
Share on other sites
apcim Newbie

apcim

Posted
Posted

Bonjour et merci

 

Je n'avais pas d'url à vous donner , je suis en local

J'ai cherché et j'ai trouvé

grâce à Firebug que vous conseillez

 

En fait le code

<div id="banniere">

<a href="LEPURBIENETRE\img\logobanniere1"> </a>

</div>

qui figurait une fois dans le header était pris en compte deux fois ( deux emplacements pour un affichage )

d'où ce décalage

j'ai pas tout compris mais c OK

super !!!

 

Merci beaucoup à vous

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...