Skip to main content

Mode Présentation Produits

Aperçu

Le Mode Présentation Produits sert à afficher les visuels du produit dans la Saisie de la commande.

En Mode Présentation, l’image du produit peut être agrandie, affichée en plein écran et les visuels disponibles peuvent être changés.

Accessibilité

1. Depuis la Saisie de la commande

image.png

Domaine du Titre

Dans le Domaine du Titre se trouve l’icône de partage.

Via l’icône de partage, l’image du produit affichée peut être envoyée ou enregistrée.

Windows

Sous Windows, un clic sur l’icône de partage ouvre la boîte de dialogue Enregistrer.

 

Domaine Produit

1. L’En-tête correspond à celui de la Saisie de la commande, selon que le produit est déjà dans le Panier ou non.

Domaine Visuel

Affichage initial

L’image du produit est d’abord affichée en Mode Présentation sur un fond noir.

Les propriétés suivantes s’appliquent :

  • L’image est affichée avec le bon rapport d’aspect.
  • L’image est toujours centrée.
  • L’image est affichée de manière adaptée en format portrait ou paysage, indépendamment du format d’origine.
Affichage plein écran

L’image du produit peut être affichée en plein écran en Mode Présentation.

En plein écran, tous les éléments de contrôle sont Masqué.

L’affichage plein écran peut être activé ou désactivé par un simple clic sur l’image.

Vignettes – Choix des visuels du produit

Les visuels disponibles sont également affichés sous forme de vignettes.

Les vignettes ont les propriétés suivantes :

  • La liste des visuels est défilable horizontalement.
  • Les visuels sont affichés carrés dans les vignettes.
  • L’affichage carré découpe des parties de l’image selon le format source.
  • L’image du produit actuellement affichée est positionnée au centre de la liste.
  • Ainsi, à gauche et à droite de l’image sélectionnée, seules des moitiés d’images peuvent être visibles.
  • Si la première image est sélectionnée, aucune image supplémentaire n’est affichée à gauche.
  • Si la dernière image est sélectionnée, aucune image supplémentaire n’est affichée à droite.

Les vignettes servent à choisir l’image du produit affichée en Mode Présentation.

Fonctions de commande

Changer l’image du produit

On peut changer d’image par un balayage (swipe) vers la gauche ou la droite.

Quand la première image est atteinte, on ne peut pas aller plus à gauche.

Quand la dernière image est atteinte, on ne peut pas aller plus à droite.

Activer et désactiver le plein écran

Un clic simple sur l’image du produit permet de basculer entre l’affichage normal et l’affichage plein écran.

En plein écran, tous les éléments de contrôle sont Masqué.

Zoom

Le zoom peut être réinitialisé ou changé entre les modes d’affichage par un double-clic sur l’image du produit :

  • Scale to fit : l’image du produit est entièrement adaptée à la zone disponible.
  • Scale to zoom : l’image du produit est affichée agrandie.

Sur les appareils tactiles, l’image du produit peut aussi être agrandie ou réduite par un pincement (geste à deux doigts).

Relation avec la Saisie de la commande

Le Mode Présentation Produits fait partie de la Saisie de la commande et sert à afficher les images d’un produit sélectionné.

Les visuels du produit peuvent être changés via les vignettes ou par balayage. L’image sélectionnée est affichée centrée et peut être agrandie en plein écran ou avec zoom.

Le Domaine Produit s’inspire de l’En-tête de la Saisie de la commande et prend en compte si le produit est déjà dans le Panier.