Diapositive

Liens en vedette

1. Documentation Shopify sur les sections et les blocs
2. Documentation Shopify sur la personnalisation des sections
3. Documentation Company XYZ sur les icônes
4. Documentation Company XYZ sur l’utilisation de la vidéo
5. Documentation Company XYZ sur les paramètres de visibilité

Vidéos utiles

Vidéo de Shopify Academy : personnaliser votre boutique

Vidéo de Shopify Academy : personnaliser votre boutique

Utilisez ce bloc pour ajouter une seule diapositive avec son propre message, son style visuel et son média. Il convient parfaitement aux mises en avant de fonctionnalités, aux récits promotionnels et aux sliders hero où chaque diapositive nécessite un contenu distinct. Pour plus de contexte sur la façon dont les blocs s’intègrent aux thèmes, consultez la documentation Shopify sur les sections et les blocs

Paramètres de base

Commencez par le contenu textuel de la diapositive : icône, titre et texte principal. Un titre court fonctionne généralement le mieux, le zone de contenu prenant en charge les détails, le contexte de la fonctionnalité ou un bref message promotionnel.

Le champ d’icône peut afficher un emoji ou un nom d’icône. Utilisez-le lorsque vous souhaitez un repère visuel rapide au début de la diapositive, ou laissez-le vide pour une présentation plus épurée. Si vous avez besoin d’aide pour choisir des noms d’icône, reportez-vous au guide des icônes fourni par la source.

Astuce

Gardez chaque diapositive centrée sur une idée principale afin qu’elle reste facile à parcourir pendant le changement de diapositive et les transitions.

Paramètres d’imagerie

Ce groupe contrôle le média visuel de la diapositive. Ajoutez une image pour une présentation statique, ou utilisez une vidéo lorsque le mouvement aide à expliquer une fonctionnalité ou crée un impact visuel plus fort.

Si une image et une vidéo sont ajoutées, la vidéo est prioritaire et se lancera automatiquement lorsque la diapositive deviendra active. Des clips courts et légers ont tendance à mieux fonctionner que des vidéos plus longues, surtout lorsque la diapositive fait partie d’une séquence rapide. Pour des conseils pratiques de configuration, consultez le guide vidéo fourni par la source.

La couleur et l’opacité de superposition inactives affectent l’apparence de la diapositive lorsqu’elle n’est pas la diapositive active. Augmentez la superposition lorsque le média semble trop lumineux ou distrayant en arrière-plan, et réduisez-la lorsque vous souhaitez que davantage de l’image ou de la vidéo reste visible.

Si votre image n’apparaît pas, vérifiez qu’une vidéo a également été ajoutée, car la vidéo remplace l’image dans ce bloc.

Paramètres standard du bloc

Paramètres de visibilité

Les contrôles de visibilité vous permettent de masquer ce bloc sur ordinateur ou sur mobile. C’est utile lorsque vous souhaitez des longueurs de texte différentes, des recadrages de média alternatifs ou un contenu de diapositive plus simple sur les petits écrans. Pour le comportement associé dans l’éditeur, consultez la documentation Shopify sur la personnalisation des sections

Lorsque vous créez des versions distinctes pour mobile et ordinateur, gardez un message cohérent afin que les clients ne voient pas un contenu de diapositive contradictoire selon les appareils. Vous pouvez également consulter la référence des paramètres de visibilité fournie par la source.

Notes d’utilisation

1. Gardez un texte concis. Des titres courts et un texte d’accompagnement bref sont plus faciles à assimiler dans un diaporama.
2. Choisissez le média avec intention. Utilisez la vidéo uniquement lorsque le mouvement apporte une valeur claire, et privilégiez les images lorsque vous souhaitez une diapositive plus légère et plus simple.
3. Ajustez soigneusement les superpositions inactives. Réglez la couleur et l’opacité de la superposition afin que les diapositives non actives restent visibles sans entrer en concurrence avec la diapositive active.
4. Prévoyez les différences entre appareils. Vérifiez les versions ordinateur et mobile, car les contrôles, l’alignement, la visibilité et le comportement du média peuvent différer selon les vues.
5. Utilisez un style de repli lorsque c’est possible. Les valeurs vides ou de style par défaut ont tendance à préserver le design environnant, tandis que les couleurs explicites, les dégradés ou les remplacements de média rendent la diapositive plus autonome.
6. Vérifiez le comportement du média actif. Si vous configurez des médias distincts pour ordinateur et mobile, confirmez le recadrage, le chargement et la lisibilité dans les deux mises en page avant de publier.