Paramètres de contrôle du diaporama

Liens en vedette

1. documentation Shopify sur les sections et les blocs
2. documentation de Company XYZ sur les paramètres de contrôle du diaporama

Vidéos utiles

Vidéo Shopify Academy : personnaliser votre boutique

Vidéo Shopify Academy : personnaliser votre boutique

Utilisez ces paramètres pour contrôler la façon dont le contenu du diaporama se déplace, avance et signale que d’autres diapositives sont disponibles. Comme cet ensemble peut être réutilisé dans du contenu prenant en charge le diaporama, quelques choix réfléchis ici peuvent rendre la navigation plus cohérente dans l’ensemble de votre thème. Pour plus de contexte, consultez la documentation Shopify sur les sections et les blocs

Paramètres du diaporama

Cet ensemble combine les contrôles de mouvement, de lecture automatique et de navigation. Commencez par le style d’interaction global, puis ajustez le timing et les détails d’interface pour les adapter au type de contenu que vous affichez.

Animation et comportement des diapositives

Style d’animation définit l’aspect général du diaporama. Le style par défaut prend en charge une expérience de glissement plus traditionnelle, tandis que Fade crée une présentation plus simple, une diapositive à la fois.

Fade impose une mise en page avec une seule diapositive et désactive les fonctionnalités qui reposent sur un déplacement sur plusieurs diapositives, y compris la pagination et les aperçus de la diapositive suivante.

Utilisez Vitesse de l’animation pour contrôler la rapidité de transition des diapositives. Un déplacement plus rapide donne une impression plus dynamique, tandis que des transitions plus lentes peuvent sembler plus soignées pour du contenu centré sur l’image. Si les diapositives contiennent du texte, évitez les vitesses qui donnent une impression trop brusque.

Afficher un aperçu des diapositives suivantes révèle une partie de la diapositive suivante pour encourager la navigation. Cela fonctionne bien lorsque vous souhaitez que le diaporama paraisse interactif et séquentiel. Si chaque diapositive doit bénéficier d’une attention visuelle complète, désactiver les aperçus donne généralement un résultat plus net.

Note

Les présentations de type curseur peuvent se comporter différemment des mises en page statiques ou empilées, en particulier pour la navigation, la pagination, les aperçus et la présentation pilotée par les points de rupture. Testez le résultat final sur les vues qui comptent le plus.

Contrôles de lecture automatique

La lecture automatique est utile lorsque les diapositives doivent défiler d’elles-mêmes, comme pour des bannières promotionnelles ou du contenu narratif léger. Elle est moins efficace lorsque chaque diapositive nécessite une lecture attentive ou une grande concentration.

Si la lecture automatique est activée, Délai de lecture automatique contrôle combien de temps chaque diapositive reste visible avant de passer à la suivante. Des délais courts créent un sentiment d’urgence, mais des délais plus longs sont plus faciles à lire et sont généralement plus sûrs pour un contenu mêlant image et texte.

Mettre en pause la lecture automatique au survol suspend le mouvement lorsqu’une personne survole le diaporama sur ordinateur. Cela laisse aux visiteurs davantage de temps pour lire ou examiner une diapositive sans désactiver complètement la lecture automatique.

Boucler les diapositives contrôle si la séquence recommence après la dernière diapositive. Activez-le pour un effet de carrousel continu, ou laissez-le désactivé lorsque vous souhaitez que la séquence paraisse limitée.

Astuce

Si vous activez la lecture automatique, utilisez un délai qui laisse aux visiteurs suffisamment de temps pour lire confortablement la diapositive la plus longue.

Navigation et pagination

Afficher la navigation ajoute les contrôles utilisés pour passer d’une diapositive à l’autre. C’est particulièrement utile lorsque la lecture automatique est désactivée, ou lorsque les visiteurs peuvent vouloir revenir à une diapositive précédente.

Position de la navigation modifie l’emplacement de ces contrôles par rapport au contenu du diaporama. Placer la navigation sous le contenu peut être utile lorsque la zone de la diapositive est visuellement chargée ou lorsque vous souhaitez que les contrôles soient moins intrusifs.

Afficher la pagination ajoute un indicateur visuel de progression des diapositives, et Style de pagination modifie la façon dont cette progression est affichée. Choisissez un style qui correspond au rôle du diaporama : compact et direct pour l’utilitaire, ou plus visuel lorsque la progression fait partie de la présentation.

Les styles de pagination se comportent différemment en pratique :

1. Dynamique fonctionne bien lorsque vous souhaitez un indicateur plus visuel.
2. Fraction est compact et facile à parcourir d’un coup d’œil.
3. Barre de progression donne une forte impression de mouvement à travers la séquence.

Note

La pagination n’apparaît que lorsque Afficher la pagination est activé, et elle n’apparaît pas lorsque Fade est sélectionné.

Vous pouvez également consulter la référence canonique de ces contrôles dans le guide des paramètres du diaporama.

Notes d’utilisation

1. Choisissez d’abord le style d’animation. Cette décision détermine si les aperçus et la pagination peuvent être utilisés, et elle modifie le comportement du diaporama par rapport à une mise en page plus statique.
2. Réglez la lecture automatique en fonction de la lisibilité. Assurez-vous que la diapositive la plus longue peut être lue confortablement avant que le diaporama ne passe à la suivante.
3. Conservez la navigation manuelle. Des contrôles visibles aident les visiteurs à avancer à leur propre rythme, en particulier dans les diaporamas promotionnels ou riches en texte.
4. Utilisez les aperçus avec intention. Les aperçus de la diapositive suivante sont idéaux lorsque vous souhaitez encourager la navigation plutôt que d’isoler chaque diapositive comme un cadre autonome.
5. Placez les contrôles là où ils restent clairs. Si le contenu des diapositives est visuellement dense, placer la navigation sous le contenu améliore souvent la clarté.
6. Considérez la navigation comme un parcours client. Des contrôles réordonnés, masqués ou réservés au mobile peuvent modifier ce que les visiteurs peuvent atteindre, alors vérifiez attentivement la navigation de type menu et de type tiroir.
7. Utilisez les remplacements locaux avec parcimonie. Les valeurs vides ou au style par défaut conservent généralement le style hérité, tandis que les couleurs, dégradés ou remplacements de médias explicites donnent à la zone du diaporama une impression plus indépendante.