YUI

Module javascript Menu horizontale

Notre module javascript Menu horizontale permettra à vos visiteurs d'avoir le menu générale de la page d'accueil sur toutes les pages de la boutique. Le menu est un menu horizontale flottant.

Version: 
Boutique zlio v4.0
Version: 
Boutique zlio v3.5

Installation

Comment installer le module menu horizontal sur votre boutique zlio?

Pour installer le module javascript menu horizontal sur votre boutique zlio, il vous suffit de copier/coller les lignes de codes javascript suivantes dans la partie "Pied de page HTML" de votre interface d'administration. Cette partie est accessible à partir de l'onglet "aspect" puis "En-tête & Pied de page (HTML)". Une fois le code javascript copié, n'oubliez pas de "Sauver" vos modifications.

Présentation

Présentation générale

Le module javascript menu horizontale va vous permettre de proposer à vos visiteurs le menu générale sur toutes les pages de votre boutique. Le menu général est celui présent sur votre page d'accueil. Au lieu de revenir sur la page d'accueil pour accéder à ce menu, le visiteur en disposera sur chaque page, cela lui permettra de naviguer facilement entre vos différentes catégories à tout moment de sa visite. Notre module par défaut s'intègre facilement aux boutiques V4.0.

Loader YUI 3.x

Approche classique

Supposons que nous souhaitons utiliser le module node de YUI 3.x (permet de manipuler le DOM) dans notre page web. Pour que ce module fonctionne il faut disposer dans la même pages de toutes ses dépendances, ce qui donne :

Comment utiliser YUI ?

Le cœur d'YUI

Vous pouvez créer plusieurs instances d'YUIGlobal Object. Chacune étant complètement configurable et chargée avec seulement les modules dont vous avez besoin. Dans l'exemple qui suit, on souhaite utiliser le module drag and drop de YUI 3.x :

Comment installer YUI ?

YUI Global Object

Avec YUI 2.x, il y avait mille et une façon d'utiliser YUI dans vos pages web. Comme mentionné dans le présentation, il s'agit d'une librairie modulaire. A chaque module on peut lier une façon de l'intégrer dans la page web. Avec l'évolution de la librairie vers la version 3.x, une amélioration profonde a été apportée, pour l'intégration de YUI dans vos pages web. Le module YUI Global Object est le seule module qui doit figurer dans vos pages, pour pouvoir utiliser et écrire du code YUI.

YUI - Guide de démarrage

Introduction YUI

YUI est le framework JavaScript de Yahoo pour la création d'applications riches et interactives. Il est développé de façon modulaire. On peut y faire appel uniquement pour utiliser l'un de ses composants, comme par exemple le calendrier. On peut l'utiliser aussi pour créer ses propres scripts et modules.

Pré-requis

Pour bien comprendre tous les exemples du guide, il est nécessaire de connaître les bases du langage HTML ainsi que les styles CSS.

YUI - Présentation

YUI, c'est quoi ?

La librairie Yahoo ! User Interface (YUI) est un ensemble de ressources JavaScript et CSS qui rendent plus facile de créer des applications riches et interactives dans les navigateurs web. Certains éléments de YUI comme l'utilitaire de gestion des événements est là uniquement pour rendre le travail des développeurs plus simple. D'autres comme le calendrier, sont prêts à être à utiliser et à placer sur votre page web.

YUI

Découvrez avec YOJA la librairie YUI Library. Un ensemble d'utilitaires et de contrôles, écrit en JavaScript, pour construire des applications Web interactives riches en utilisant des techniques telles que la manipulation du DOM , DHTML et AJAX .

Syndicate content