article(s) dans votre panier VOIR

Apprendre à prototyper | Panneau dynamique : Ajouter au panier

  • Vidéo 36 sur 44
  • 3h31 de formation
  • 44 leçons

Un contenu flash devrait s'afficher ici. Votre navigateur ne comporte pas de plugin flash, ou il ne s'est pas correctement initialisé.

Vous pouvez télécharger le plugin flash depuis le site d'Adobe à l'adresse suivante : http://get.adobe.com/flashplayer/.

Pour accéder à la suite de cette formation, vous devez vous abonner.
previous
summary
resume
next
play
Panneau dynamique : Ajouter au panier
00:00 / 05:11
HD
fullscreen
Je m’abonne
à partir de 16,6 € / mois
  • Visionnage en ligne
  • Accès illimité à toutes nos formations
OU
J'achète uniquement
la formation
39,90€
  • Téléchargement + VOD à vie
  • Exercice / Validation des acquis
  • Accès uniquement à cette formation

Sommaire de la formation

Détails de la formation

Dans ce tuto pour apprendre à Prototyper, l’expert vous explique le panneau dynamique. L’objectif de ce cours est de vous montrer la technique des dynamiques paniers. Pour commencer, vous allez dans la barre d’Outils et vous cliquez sur Rectangle. Après cela, vous redimensionnez ce rectangle suivant la taille et la forme de votre image. Suite à cette action, vous le transformez en dynamique panier. Pour y parvenir, vous faites un clic droit sur le rectangle et vous choisissez Convert to Dynamic Panel. La conversion effectuée, votre panier peut présenter deux états. Vous avez un état transparent et un autre état qui s’affiche après avoir cliqué sur le bouton Ajouter. Pour créer ce bouton, vous utilisez l’outil Rectangle. Ensuite, vous ajoutez un rectangle à côté de votre premier état. Il vous suffit par la suite de le nommer. Pour cacher le prix du produit sur votre panier, vous créez de nouveau un rectangle et vous faites un clic droit sur ce dernier. Après cela, vous allez dans l’option Order et vous choisissez Bring to front. Après cette action, vous joignez ce rectangle à votre bouton Ajouter au panier. Pour finaliser la mise en place de votre bouton dans le front-office, vous revenez sur le premier état et vous cliquez sur l’option OnMouseEnter dans l’onglet Interactions. Par la suite, vous choisissez l’option Set Panel State. Pour continuer, vous basculez vers le deuxième état. Pour ce dernier, vous choisissez l’option OnMouseOut. Par la suite, vous effectuez la même opération que pour le premier état. Toutes ces modifications effectuées, vous sauvegardez les données. Il vous suffit ensuite de cliquer sur le bouton Preview dans la barre des Tâches pour faire apparaître sur le produit le bouton que vous avez récemment créé. Pour conclure, les paniers dynamiques permettent de créer un bouton d’achat sur votre produit.