comment supprimer le H1 du logo et l'attribuer au nom du produit ?

[midou69]

Comme l'indique le titre, ça m'agace :coolgrin: d'avoir le même h1 sur toutes les pages, alors quelqu'un sait comment supprimer le h1 du logo et l'attribuer aux titres des produits ?
Sachez que j'ai éssayer les méthodes données sur ce forum telque la modification du fichier header.tpl mais ça ne change rien.
Merci de votre aide

[marty69]

bonjour,

changez la balise h1 sur le logo pour un span par exemple dans le fichier header.tpl (et modifiez le CSS en conséquence)
attribuer un h1 dans le titre produit de product-list.tpl et product.tpl (et faites les déclaration CSS en conséquence)

[midou69]

Merci marty,

Je comprends maintenant pourquoi ne marchais pas, je ne changeais rien sur le CSS ... lol :roll:

Etant novice en langage peux-tu me donner les étapes à suivre et les codes exactes à changer stp ?
:grrr:

[yannml]

Personnellement je fais comme ca dans le hearder.tpl

{$meta_title}

Logiquement tes titres de pages sont optimisés, donc rajoute le titre de la page dans la balise H1

[midou69]

Merci yann,
je vais essayer ça,

[midou69]

j'ai essayé ta solution yann, mais c'est toujours la même chose, je pense que j'ai loupé quelque chose.

On est bien d'accord, que c'est le fichier header.tpl du thème utilisé que je dois modifier n'est-ce pas ??

Voici une capture d'image du plan de ma page d'accueil.

[yannml]

Oui, tu ouvre le fichier header.tpl de ton thème.

Tu cherche ce code proche de la ligne 49 :

bla bla bla 

Et ensuite tu rajoute ce bout de code

{$meta_title}

Que tu place juste après la balise

Ce qui va donner au final ce code :

{$meta_title}

La balise H1 va donc se remplir avec le titre de ta page.

[midou69]

c'est ce que j'ai fait, mais qu'on j'ouvre le code source de la page, la ligne de la balise h1 reste inchangée. D'ailleurs la capture d'écran ci-dessus est celle d'une page modifiée....!!!

[Djolhan]

Cest de la bidouille ce que tu proposes la yannml, en plus tu mets du display:none ce qui n'aboutira qu'à une chose, planquer une H1 pour le référencement, ce que google n'aime pas trop par exemple.

Ce que je te conseil, c'est tout simplement de supprimer cette balise h1 du header,
tu modifieras donc ton css en conséquence, et de remplacer dans le tpl de tes produits et de tes autres pages, la balise h2 par la balise h1, tout en ayant bien entendu pris soin d'apporter le même style à ta nouvelle balise h1.

En gros :

h1#logo {
   float: left;
   width: 27%;
   margin-top: 0.5em
}

devient :

div#logo {
   float: left;
   width: 27%;
   margin-top: 0.5em
}

Et pour ta h2 :

h2 {
   font-size: 1.1em;
   line-height: 1.6em;
   padding-left: 0.5em;
   margin: 0.5em 0;
   text-transform: uppercase;
   font-weight: bold;
   color: #374853;
   background: transparent url('../img/title_bg.gif') no-repeat top left;
   height: 21px
}

Deviens :

h2,h1 {
   font-size: 1.1em;
   line-height: 1.6em;
   padding-left: 0.5em;
   margin: 0.5em 0;
   text-transform: uppercase;
   font-weight: bold;
   color: #374853;
   background: transparent url('../img/title_bg.gif') no-repeat top left;
   height: 21px
}

Je te laisse faire les modifications nécessaires dans les autres fichiers tpl.

[midou69]

Merci, application tout de suite

[midou69]

salut Djolhan,

je pense que j'ai besoin encore de ton aide,

j'ai essayé de suivre ta méthode mais je pense que j'ai loupé une étape, car malgré tous, je ne vois pas de changement dans le code source des pages : Voilà ce que j'ai modifié :

1- modification du fichier >montheme>header.tpl

deviens

2- modification du fichier >montheme>css>global.css comme tu m'a expliqué en haut

3- modification du fichier >montheme>product.tpl : < h2 >{$product->name|escape:'htmlall':'UTF-8'}< /h2 > par < h1 >{$product >name|escape:'htmlall':'UTF-8'}< /h1 >

J'enregistre tout mais rien ne change : le code source affiche toujours le h1 en logo et le h2 en nom du produit.

Quelq'un a une explication ??

merci d'avance de votre aide