DEVELOPPEUR WEB FREELANCE Expert e-commerce Prestashop depuis 2010

17 avril
2013

Créer un lien hypertexte pointant vers un endroit précis d'une page

Créer un lien hypertexte pointant vers un endroit précis d'une page

Vous allez apprendre dans ce petit tutoriel comment créer un lien hypertexte menant vers un endroit précis d'une page. Ce type de lien hypertexte, également appelé ancre, est très facile à créer et permet lorsque l'on clique dessus de positionner le navigateur sur un élément précis d'une page.

Une ancre peut servir par exemple à faire un lien de retour en haut de page ou encore à faire des liens renvoyant vers les différentes parties de conditions générales de vente.

Créer un lien pointant vers un endroit précis d'une page

Il faut tout d'abord attribuer un identifiant à l'élément HTML sur lequel doit pointer le lien hypertexte. Voici un exemple avec un élément HTML auquel nous attribuons un identifiant "ancre" :

<div id="ancre">...</div>

Le lien hypertexte HTML correspondant sera alors crée en reprenant l'url de la page contenant l'élément HTML et en y ajoutant l'identifiant de cet élément précédé d'un symbole dièse comme ceci :

<a href="http://www.monsite.com#ancre" title="monsite">...</a>

 

Créer un lien de retour en haut de page

Les liens de retour en haut de page fonctionnent sur le même principe que les liens renvoyant à un endroit précis d'une page. L'élément HTML ciblé doit juste se trouver en tout début de page. Certains navigateurs permettent de ne pas avoir à créer d'ancre pour faire un lien renvoyant en haut de page en utilisant uniquement le symbole dièse comme ceci :

<a href="http://www.monsite.com#" title="monsite">...</a>

 

Forcer la compilation smarty pour la prise en compte des modifications

Lorsque vous effectuez des modifications dans vos fichiers tpl, la compilation smarty doit être active sinon vos modifications ne sont pas prises en compte. Vous pouvez régler l'activation de la compilation smarty dans l'onglet Préférences de votre back-office.

Auteur de cet article : Sabrina ROUSSEAU

Développeur web freelance spécialiste de la solution e-commerce Prestashop depuis 2010. Créatrice du site web Prestacrea ainsi que des produits qui y sont proposés.

COMMENTAIRES

Aucun commentaire

Cet article a été rédigé il y a plus d'un an. Les commentaires sont fermés.