Paramètres de la galerie de produits

Liens en vedette

1. Documentation de Company XYZ sur les paramètres des galeries de produits
2. Documentation Shopify sur l’éditeur de thème
3. Documentation Shopify sur les sections et les blocs

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 manière dont les médias de produit sont présentés sur ordinateur et sur mobile. Ils vous aident à équilibrer la visibilité des images, les informations sur le produit, le comportement des médias spécifiques aux variantes et la lecture vidéo afin que la galerie s’adapte à la fois à votre catalogue et à la mise en page de votre page produit. Pour un aperçu plus général de la manière dont ces contrôles s’intègrent dans l’éditeur de thème, consultez la documentation Shopify sur l’éditeur de thème

Paramètres de la galerie

Ce groupe de paramètres couvre les principaux choix d’affichage pour les images et les vidéos de produit. Pour l’inventaire complet des contrôles disponibles, consultez la référence des paramètres de la galerie de produits et la documentation Shopify sur les sections et les blocs

Proportions des images

Vous pouvez choisir des ratios d’aspect distincts pour les images sur ordinateur et sur mobile. C’est particulièrement utile lorsque votre catalogue comprend un mélange de photos en portrait, d’images carrées et de photos lifestyle plus larges.

Pour un résultat plus net, faites correspondre le ratio d’affichage à la forme de vos images source. Si vos photos de produit varient beaucoup d’un produit à l’autre, un ratio d’affichage cohérent peut rendre l’expérience globale plus soignée, mais il ne masquera pas complètement les recadrages incohérents.

Si les images de produit sont cadrées très différemment dans votre catalogue, changer le ratio d’affichage peut améliorer la cohérence, mais certains produits peuvent tout de même paraître plus serrés ou plus larges que d’autres.

Mise en page sur ordinateur

Les contrôles de mise en page réservés à l’ordinateur vous permettent de choisir la position de la galerie et la largeur relative des colonnes des médias et des informations produit. Utilisez ces paramètres pour décider si les images ou les détails d’achat doivent avoir plus de poids visuel.

Une colonne de médias plus large fonctionne généralement mieux lorsque les clients s’appuient fortement sur les visuels, par exemple pour les vêtements, les œuvres d’art ou les produits artisanaux détaillés. Des colonnes plus équilibrées sont souvent plus faciles à parcourir lorsque les caractéristiques, les options ou le contenu descriptif comptent autant que les images.

Comme le mobile s’affiche toujours en une seule colonne, considérez la position de la galerie comme un choix de présentation pour ordinateur plutôt que comme une règle de mise en page sur tous les appareils. Si vous utilisez des médias de type carrousel, vérifiez séparément les mises en page sur ordinateur et sur mobile, car la navigation, la pagination et le comportement d’aperçu peuvent différer d’une grille statique ou d’une présentation empilée.

Style de galerie

Le style de galerie contrôle la manière dont les clients parcourent les médias du produit sur chaque appareil. Les mises en page avec plusieurs images peuvent faciliter la comparaison des angles et des détails, tandis qu’un diaporama rend la page plus compacte et plus ciblée.

Les styles pour ordinateur et mobile sont définis séparément, ce qui vous laisse la possibilité d’utiliser une mise en page plus riche sur les grands écrans et une version plus simple sur les écrans plus petits. C’est souvent la meilleure approche lorsque vous souhaitez que les médias de produit paraissent spacieux sur ordinateur sans donner une impression d’encombrement sur mobile.

Si vous choisissez de masquer la galerie, assurez-vous que le reste de la page produit fournit toujours suffisamment de contexte visuel pour que les clients comprennent ce qu’ils achètent.

Astuce

Une galerie plus dense sur ordinateur, associée à une mise en page mobile plus simple, convient souvent bien aux produits présentant plusieurs angles, matériaux ou photos de détail en gros plan.

Comportement de l’image de variante

Le comportement de l’image de variante contrôle ce qui se passe dans la galerie lorsqu’un client sélectionne une variante différente. Vous pouvez laisser la galerie inchangée, mettre à jour l’image principale pour qu’elle corresponde à la sélection, ou limiter la galerie à l’image de la variante sélectionnée.

La mise à jour de l’image principale est généralement le choix le plus flexible, car elle reflète la sélection du client sans supprimer le reste de la galerie. N’afficher que la variante sélectionnée peut très bien fonctionner lorsque chaque option dispose de ses propres photos dédiées et que vous souhaitez éviter d’afficher des médias non pertinents.

Note

Ce comportement dépend de la présence d’un sélecteur de variante à l’endroit où les clients font leur choix. Sans cela, les mises à jour de la galerie basées sur les variantes ne se produiront pas.

Comportement du zoom

Les paramètres de zoom contrôlent si les images de produit suivent la préférence globale de zoom du thème, s’ouvrent dans une lightbox, ou n’utilisent aucun zoom. Cela vous aide à décider à quel point les clients peuvent examiner les détails depuis la galerie.

Le zoom en lightbox est surtout utile lorsque les détails visuels fins comptent, comme la texture, la finition, le motif ou le savoir-faire. Si vos images sont plus atmosphériques ou déjà montrées de loin, le zoom peut apporter moins de valeur et rester plus simple.

Lecture vidéo

Les contrôles vidéo vous permettent de décider si les vidéos de la galerie se lancent automatiquement, bouclent, commencent en sourdine et affichent les contrôles du lecteur. Ces paramètres influencent l’importance du mouvement dans l’expérience des médias de produit.

Le lancement automatique peut rendre les démonstrations de produit courtes plus engageantes, surtout lorsque le mouvement aide à expliquer le produit. La lecture en sourdine est souvent le choix le plus sûr, car elle réduit l’effet de surprise, et les contrôles visibles sont utiles lorsque les clients souhaitent mettre en pause, relancer ou faire défiler une vidéo plus longue.

La boucle est surtout adaptée aux courtes vidéos de présentation. Pour des démonstrations plus longues, la boucle peut commencer à sembler répétitive ou distraire.

Attention

La lecture automatique des vidéos peut détourner l’attention des détails du produit et des actions d’achat. Utilisez-la lorsque le mouvement apporte clairement de la valeur, et pas seulement parce qu’une vidéo est disponible.

Notes d’utilisation

1. Conservez un cadrage cohérent pour les images. Choisissez des ratios d’aspect qui correspondent à vos photos de produit réelles afin que la galerie paraisse intentionnelle dans tout le catalogue.
2. Faites correspondre la mise en page au style de vente. Accordez plus d’espace à la galerie lorsque les visuels influencent la décision, et utilisez des colonnes plus équilibrées lorsque les détails du produit doivent avoir le même poids.
3. Vérifiez les deux zones d’affichage. Les galeries de type carrousel peuvent se comporter différemment sur ordinateur et sur mobile, alors vérifiez la navigation, les aperçus et l’espacement sur les deux tailles d’écran.
4. Utilisez les remplacements de médias avec précaution. Lorsque vous définissez des médias différents pour ordinateur et mobile, attendez-vous à des changements dans le recadrage, le chargement et la lisibilité, en particulier sur les petits écrans.
5. Utilisez le comportement limité à la variante avec discernement. Limitez la galerie à la variante sélectionnée uniquement lorsque chaque option dispose d’une couverture média solide et complète.
6. Faites attention au lancement automatique. Une vidéo en sourdine avec des contrôles visibles est généralement la configuration la plus conviviale lorsque vous souhaitez du mouvement sans donner l’impression que la page est intrusive.