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 voulez plus de contrôle sur la façon dont les images sont présentées - comme une mise en page 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 de faire la réorganisation standard des images.
Ce genre de personnalisation nécessite des modifications de 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 en full-width sur la gauche.” Fudge génère le code et vous permet de le vérifier avant que tout ne soit mis en ligne.
Article lié : Personnaliser la mise en page d’une page de produit Shopify.