L’essentiel
- 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 collections.
- Vous pouvez réorganiser les images en masse pour plusieurs produits à l’aide d’un export/import CSV.
- Les images de variantes suivent des règles différentes : elles sont liées à des variantes spécifiques.
L’ordre de vos images de produits importe plus que la plupart des marchands ne le pensent. L’image principale - celle qui apparaît sur les pages de collections et dans les résultats de recherche - est tout simplement la première de 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
Pourquoi la première image de mon produit n’est-elle pas utilisée comme image principale ?
Si une variante est sélectionnée et qu’une image lui est spécifiquement assignée, l’image de cette variante prime sur la première image par défaut. Sur les pages de collection, l’image principale suit l’ordre global. Sur les fiches produits, l’image de la variante a la priorité pour les variantes correspondantes. Vérifiez donc ces deux contextes.
Puis-je verrouiller une image spécifique comme image principale quel que soit l’ordre ?
Pas en natif — Shopify utilise par défaut la première image de la liste des médias. Pour épingler une image principale, assurez-vous simplement qu’elle reste en première position. Pour les images principales spécifiques aux variantes, assignez cette image directement à la variante en question. Certaines applications de gestion des stocks ajoutent un système de remplacement des images principales basé sur des tags si vous avez besoin d’un épinglage conditionnel.
La réorganisation des images de produits va-t-elle casser mon flux Google Shopping ?
En général, non — Google Shopping récupère l’image principale et non l’ensemble des images. Tant que votre image principale reste en première position (ou que vous y avez délibérément placé une meilleure image), le flux se mettra à jour lors de la prochaine synchronisation. Comptez 24 à 48 heures pour la mise à jour par le Google Merchant Center.
Quel est le nombre optimal d’images de produit sur Shopify ?
Le taux de conversion atteint un pic autour de 5 à 8 images pour la plupart des produits. L’idéal est de viser un minimum de 4 (sur fond neutre, mise en situation, détails, mise à l’échelle). Pour les produits très visuels comme les vêtements et la déco, on recommande d’en utiliser 6 à 10. Au-delà de 10, le rendement baisse et la galerie a tendance à ralentir sur mobile.
Puis-je réorganiser les images des produits via l’API Admin de Shopify ?
Oui — l’API Admin expose la position des images de produits via les mutations productImageUpdate (GraphQL) ou l’ancien endpoint REST. C’est très pratique pour réorganiser des centaines de produits simultanément en masse. Pour éviter d’avoir à coder la mutation, vous pouvez confier cette tâche à Fudge (« pour chaque produit de la collection Vêtements d’extérieur, place l’image ‘lifestyle’ en première position ») et l’outil se chargera du réordonnancement via l’API. Pour de simples modifications sur une poignée de produits, le glisser-déposer manuel reste plus rapide.
Sur le même sujet : Personnaliser la mise en page d’une fiche produit Shopify.