À retenir
- Allez dans Produits > sélectionnez un produit > faites glisser les images dans la section Médias pour les réorganiser.
- La première image de la liste devient l’image principale affichée sur les pages de collection.
- Vous pouvez réorganiser en masse (bulk) les images de plusieurs produits via un export/import CSV.
- Les images de variantes suivent des règles différentes : elles sont liées à des variantes spécifiques.
L’ordre des images de vos produits compte bien plus que ne le pensent la plupart des e-commerçants. L’image principale – celle affichée sur les pages de collection et dans les résultats de recherche – est tout simplement celle qui figure en première position dans la liste. Voici comment contrôler cela.
Pourquoi vous pouvez nous faire confiance
Nous avons créé et personnalisé des centaines de boutiques Shopify. Nous avons également développé Fudge - un éditeur de boutique IA avec une note de 5,0 sur le Shopify App Store.
Comment réorganiser les images d’un seul produit
Étape 1. Allez dans votre admin Shopify > Produits.
Étape 2. Cliquez sur le produit dont vous souhaitez réorganiser les images.
Étape 3. Faites défiler jusqu’à la section Médias. Vous y verrez toutes vos images importées sous forme de grille.
Étape 4. Cliquez et maintenez n’importe quelle image, puis faites-la glisser vers sa nouvelle position. Relâchez-la pour la déposer.
Étape 5. Cliquez sur Enregistrer.
Et c’est tout. La première image de la grille est désormais l’image principale utilisée sur les pages de collections et partout où Shopify affiche une seule image représentative pour ce produit.
Article lié : Mettre à jour les images de produits sur Shopify.
Qu’est-ce que l’image principale sur Shopify ?
L’image principale est l’image qu’utilise Shopify pour représenter un produit partout où une seule image est affichée :
- Cartes de produits sur les pages de collections
- Résultats de recherche
- Aperçus de partage sur les réseaux sociaux
- Articles du panier
- E-mails de confirmation de commande
Il s’agit toujours de la première image de la section médias. Pour modifier l’image principale, faites glisser une autre image à la première position et enregistrez.
Réorganiser les images de plusieurs produits à la fois
Si vous devez mettre à jour l’ordre des images sur de nombreux produits, le glisser-déposer dans l’admin devient chronophage. L’approche la plus évolutive est un export/import CSV.
Étape 1. Allez dans Produits > Exporter > choisissez votre sélection de produits > exportez au format CSV.
Étape 2. Ouvrez le CSV. Chaque ligne représente une combinaison produit-image. La colonne Image Src contient l’URL de l’image et Image Position contient son ordre d’affichage (1 = première/principale).
Étape 3. Mettez à jour les valeurs de la colonne Image Position pour refléter l’ordre souhaité. La position 1 correspond à l’image principale.
Étape 4. Enregistrez le CSV et réimportez-le : Produits > Importer > importez votre fichier.
Shopify mettra à jour les positions des images. C’est beaucoup plus rapide que de le faire produit par produit pour les catalogues volumineux.
Article lié : Ajouter une image au survol sur les cartes de produits Shopify.
Images de variantes et réorganisation
Les images de variantes fonctionnent différemment. Lorsque vous attribuez une image à une variante spécifique (par exemple, un coloris bleu), cette image devient liée à cette variante. Quand un client sélectionne une variante, Shopify affiche automatiquement l’image associée en premier.
Les images de variantes ne peuvent pas être réorganisées de la même manière - elles sont liées à la variante, pas à la séquence d’images globale. Vous les gérez en allant dans la section Variantes, en cliquant sur une variante et en sélectionnant ou en modifiant son image associée.
Article lié : Mettre à jour les noms de variantes sur Shopify.
Erreurs courantes lors de la réorganisation des images
Oublier d’enregistrer. Shopify ne sauvegarde pas automatiquement les modifications apportées à la position des images. Après les avoir fait glisser, cliquez toujours sur le bouton Enregistrer avant de quitter la page.
S’attendre à ce que la modification apparaisse instantanément. À cause du cache du navigateur, il se peut que vous voyiez encore l’ancien ordre des images sur votre boutique pendant quelques minutes. Essayez de forcer le rafraîchissement (Cmd+Shift+R ou Ctrl+Shift+R).
Réorganiser les images sans vérifier sur mobile. L’image principale sur les pages de collections de la version mobile est la même que sur l’ordinateur - c’est la première de la liste. Assurez-vous que votre meilleure image soit la première pour les deux contextes.
Quand la réorganisation ne suffit pas
Si vous souhaitez plus de contrôle sur la présentation de vos images - comme une disposition de galerie personnalisée, une fonction de zoom, une vidéo mélangée aux images, ou une image principale différente selon le contexte - cela dépasse ce que permet l’outil standard de réorganisation des images.
Ce type de personnalisation nécessite des modifications du code de votre thème. Vous pouvez décrire ce que vous souhaitez à Fudge: “Afficher la deuxième image du produit dans une barre latérale et garder la première image en pleine largeur sur la gauche.” Fudge génère le code et vous laisse le vérifier avant sa mise en ligne.
FAQ
Si une variante est sélectionnée et qu'elle a sa propre image attribuée, l'image de la variante a la priorité sur la première image globale. Sur les pages de collection, l'image principale suit l'ordre global. Sur les pages produits, l'image de la variante prend le dessus si elle correspond. Pensez à vérifier ces deux contextes.
Pas nativement : Shopify utilise toujours la première image de la liste Médias. Pour fixer une image principale, assurez-vous simplement qu'elle reste en position 1. Pour les images principales propres à une variante, attribuez l'image directement à la variante. Certaines applications de gestion d'inventaire ajoutent des priorités d'image basées sur des tags si vous avez besoin de conditions spécifiques.
Généralement non : Google Shopping récupère l'image principale, pas toutes les images. Tant que votre image principale reste en position 1 (ou que vous y avez intentionnellement placé une meilleure), le flux se mettra à jour lors de la prochaine synchronisation. Comptez 24 à 48 heures pour l'actualisation dans le Google Merchant Center.
Le taux de conversion culmine souvent entre 5 et 8 images pour la plupart des produits. Prévoyez un minimum de 4 (sur fond blanc, lifestyle, détails, mise en situation). Pour les produits très visuels comme les vêtements et la déco, 6 à 10 images sont monnaie courante. Au-delà de 10, le bénéfice diminue et la galerie devient lente sur mobile.
Oui : l'Admin API permet d'accéder à la position des images via les mutations productImageUpdate (GraphQL) ou l'ancien endpoint REST. Très pratique pour réorganiser en masse des centaines de produits. Si vous ne voulez pas coder la mutation, décrivez simplement ce que vous souhaitez à Fudge ("pour chaque produit de la collection Outerwear, place la photo lifestyle en position 1") et il s'occupe de la modification en masse via l'API. Pour des réorganisations ponctuelles sur quelques produits, le drag-and-drop manuel reste le plus rapide.
À lire aussi : Personnaliser le design d’une page produit Shopify.