Réorganiser les images de produits Shopify

Points clés

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 les images en masse pour plusieurs produits à l’aide d’un export/import CSV.

Les images des variantes suivent des règles différentes : elles sont associées à des variantes spécifiques.

L’ordre de vos images de produits compte plus que la plupart des marchands ne le pensent. L’image principale - celle affichée sur les pages de collection et dans les résultats de recherche - est tout simplement la première image de la liste. Voici comment gérer 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 noté 4.9 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.

Vous voulez une mise en page de galerie de produits personnalisée ? Décrivez-la à Fudge.

Try Fudge for Free

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 attribuée, l'image de la variante a priorité sur la première image globale. Sur les pages de collection, l'image principale suit l'ordre global. Sur les pages de produits, l'image de la variante remplace l'image pour les variantes correspondantes. Vérifiez les deux contextes.

Puis-je verrouiller une image spécifique comme image principale quel que soit l'ordre ?

Pas de manière native — Shopify utilise toujours la première image de la liste des médias. Pour épingler une image principale, assurez-vous simplement qu'elle reste en position 1. Pour les images principales spécifiques à une variante, attribuez cette image directement à la variante. Certaines applications de gestion des stocks ajoutent des remplacements d'images principales basés 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 ?

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 image), le flux se met à jour lors de la prochaine synchronisation. Prévoyez 24 à 48 heures pour que le Google Merchant Center s'actualise.

Quel est le nombre optimal d'images de produit pour Shopify ?

La conversion atteint un pic autour de 5 à 8 images pour la plupart des produits. Le minimum est de 4 (épurée, lifestyle, détail, échelle). Pour les produits très visuels comme les vêtements et les articles pour la maison, 6 à 10 images est courant. Au-delà de 10, l'intérêt diminue et la galerie devient lente sur mobile.

Puis-je réorganiser les images de produits via l'API Admin de Shopify ?

Oui — l'API Admin expose la position de l'image du produit via des mutations productImageUpdate (GraphQL) ou l'ancien endpoint REST. Pratique pour réorganiser en masse des centaines de produits. Pour éviter d'écrire la mutation, décrivez ce que vous voulez à Fudge ("pour chaque produit de la collection Vêtements d'extérieur, place la photo lifestyle en position 1") et il s'occupe de la réorganisation en masse via l'API. Pour des modifications ponctuelles sur quelques produits, le glisser-déposer manuel reste le plus rapide.