[ Résolu ] Ancres sur page CMS

[xarnoux]

Bonsoir,

voilà mon soucis :

 j'ai rédigé une page CMS contenant toutes les catégories de mes produits. En haut de page , toutes les lettres de l'alphabet redirigeant chacune vers la liste correspondant à cette lettre.

Cependant dès que je fais une modification sur cette page, toutes les ancres disparaissent ?

Voici l'adresse : https://www.les-goodies.fr/content/7-theme

Si quelqu'un peut m'expliquer pourquoi et comment y remédier.

Par avance, merci.

Xavier ( Prestashop 1.6.1.17) .

 

[Klemart3D]

Salut ! Si tu édites la page CMS en code source (bouton avec les chevrons) et ajoute les id à ton titre h1 du même nom que le href de ton lien (par exemple : <h1 id="A"> pour le A)  cela ne fonctionne pas ?

[xarnoux]

Salut et merci pour ta réponse.

Voici mon code pour la lettre "P" par exemple :

<p style="margin-bottom: .35cm; line-height: 115%;"><a id="P"></a></p>
<h1>P</h1>

mais rien ne se passe.

Edited January 6, 2020 by xarnoux (see edit history)

[xarnoux]

C'est bon, j'ai trouvé ...

Tout bête ... les ancres n'étaient pas devant les lettres mais une ligne au-dessus ....

le bon code :

<h1><a id="P"></a>P</h1>

Tu avais raison. Sinon une dernière chose, comment avoir la même taille de police pour le texte des différentes catégories ? J'ai pourtant choisi paragraphe mais 2 tailles de police sur la page web.

Merci.

[Klemart3D]

Idéalement ton code devrait être :

- Pour le lien cliquable :

<a href="#P">P</a>

- Pour le titre de ta catégorie :

<h2 id="P">P</h2>

Une page web ne doit comporter qu'une seule balise <h1> (généralement le titre de ta page). Il faut donc que tu supprimes le h1 qui englobe tes liens en haut de page et que tu remplaces les h1 de tes titres (lettre initiale de chaque catégorie) par des h2.

Edited January 6, 2020 by Klemart3D (see edit history)

[xarnoux]

Merci.