Menu de navigation Avancé

De Centre Documentation PowerBoutique
Aller à : navigation, rechercher

Cet exemple d'utilisation du fichier Architecture Catalogue utilise la libraire jQuery.

Dans cet exemple, la navigation affiche un menu horizontal listant les rayons, qui une fois survolés à la souris affichent les gammes et leur vignettes associées.

Le résultat peut être visualisé en cliquant ici

A partir de cet exemple, à vous de faire parler votre talent pour l'adapter à toute autre utilité !

Code Source

Le code HTML d'exemple ci-dessous utilise des ressources placées dans le dossier courant.

Pour réutiliser cet exemple sur votre site il vous faudra ajouter les différents liens de chargement de scripts et ressources CSS dans les entêtes de votre site

et placer

<div id="conteneurMenu"></div>

à l'emplacement voulu de cette barre de navigation.

Cela peut se faire via un espace promotionnel ou en modifiant les gabarits du site.




Vous pouvez aussi télécharger ces codes directement grâce au lien suivant : Fichier:Navigation XML.zip