Modifier l'en-tête

[Opaline]

Bonsoir,

J'ai le thème de base de prestashop j'aurai aimé savoir comment modifier l'en-tête.

C'est à dire qu'à la place du petit logo + des liens (contact, langues, devises, plan du site) je voudrai mettre une longue bannière pour remplacer tout ça.

Merci

Flore

[Mar20]

Bonsoir,

 

C'est dans votre backoffice module "Bloc liens permanents".

[Opaline]

Ok merci je viens de voir ça.

Mais je ne sais pas comment mettre une bannière à cet endroit là ni comment mettre la fonction recherche ailleur ?

[Mar20]

Bonsoir,

 

La solution est ici

[Maury Girard]

Encore mieux

Il faut Modifier 2 fichiers :

/themes/nom_de_votre_theme/header.tpl

et

/themes/nom_de_votre_themes/css/global.css

 

Avant toute modifications je vous invites à sauvegarder de coté ces 2 fichiers

global.css

header.tpl

 

Donc

1/Dans header.tpl,

Supprimez les ligne suivantes

<a id="header_logo" href="{$link->getPageLink('index.php')}" 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>

 

Et ajoutez à la place:

<div id="banniere">

<a href="lien de votresiteweb"> </a>

</div>

 

 

2/Ensuite dans le global.css, rajoutez quelque part

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

 

#banniere {

background: transparent url('cheminverstabanniereapartirdudossiercss')

no-repeat top left;

float: left;

height:XXXpx; /*XXX est la hauteur de votre banniere. */

width: 967px;

}

#banniere a {

text-decoration: none;

display: block;

height: 100%;

width: 100%;

}

 

Cordialement,

[Opaline]

Merci j'ai essayé mais ça ne marchait pas, finalement j'ai remplacé mon logo par la bannière et ça s'affiche bien là ou il faut. Cependant j'aimerai déplacer la fonction recherche ainsi que les liens qui se mettent en plein sur la bannière : "bienvenue, identifiez-vous..."

[Maury Girard]

Bonsoir Opaline

Cette solution est fonctionnelle.

Car quand vous développez une boutique , que vous touchez aux fichiers

tpl , php ou .css, il faut faire cette démarche car sinon malgré les modifications apportés elle ne seront pas prises en compte

 

Donc dans votre

back Office > préference > performance >

 

Forcer la compilation:

Sélectionnez Oui

Celà oblige Smarty à (re)compiler les templates à chaque invocation. Ceci est commode pour le développement et le débogage mais ne devrait jamais être utilisé dans un environnment de production.

 

Cache:

Sélectionnez Non

Devrait être activé sauf pour les tests et debug.

 

Et une fois le travaille terminer

faire l'inverse

 

Forcer la compilation:

Sélectionnez non

 

Cache:

Sélectionnez oui

 

 

Pour répondre en partie à votre 2eme question ,Utilisez Firebug ??

Edited May 15, 2012 by Maury Girard (see edit history)