Comment changer l’image principale d’un produit dans PrestaShop et régler l’ordre des images
Pour changer l’image principale d’un produit dans PrestaShop, ouvrez le produit dans Catalogue → Produits et cliquez sur l’image qui doit devenir la principale. Dans le panneau de l’image, cochez l’option image de couverture et enregistrez. Faites glisser les miniatures pour changer l’ordre des autres images. L’image principale apparaît dans la liste des produits, dans le panier et en tête de la galerie.
Auteur: L’équipe TellMyShop. Un guide pour les propriétaires de boutiques PrestaShop : la cause, la correction manuelle et le même travail dans une conversation avec le chat.
Dernière mise à jour: · 6 min de lecture
Où l’image principale apparaît dans la boutique
L’image de couverture est plus que la première image de la galerie. La spécification de PrestaShop sur les images produit en front office explique que c’est elle qui est utilisée dans les listes de produits. Quand un produit n’a qu’une image, elle devient automatiquement l’image de couverture.
| Endroit | Quelle image | Ce que cela signifie |
|---|---|---|
| Liste des produits d’une catégorie | l’image de couverture | c’est cette image qui décide si le client clique |
| Recherche et suggestions de la boutique | l’image de couverture | le produit doit y être bien visible |
| Fiche produit | l’image de couverture d’abord, puis les autres dans l’ordre | vous réglez l’ordre de la galerie en faisant glisser |
| Déclinaison du produit (par ex. couleur) | les images associées à la déclinaison | après avoir choisi une couleur, le client voit ses images |
| Panier et confirmation de commande | l’image de couverture ou l’image de la déclinaison | le client vérifie qu’il a choisi le bon produit |
| Google Shopping | en général l’image de couverture, transmise dans les données produit | l’image doit respecter les exigences de Google |
Comment changer l’image principale pas à pas
Ces étapes concernent la nouvelle fiche produit de PrestaShop 8.1 et 9. Dans l’ancienne mise en page, les champs se ressemblent, mais ils sont placés ailleurs.
- Ouvrez Catalogue → Produits et cliquez sur le nom du produit.
- Dans le premier onglet, trouvez la section des images.
- Cliquez sur la miniature de l’image qui doit devenir la principale. Un panneau avec ses réglages s’ouvre.
- Cochez l’option image de couverture. L’ancienne image de couverture cesse de l’être.
- Dans le même panneau, saisissez la légende de l’image, c’est-à-dire le texte alternatif pour Google et les lecteurs d’écran.
- Enregistrez le produit.
- Ouvrez la catégorie dans la boutique dans une fenêtre de navigation privée et vérifiez que la liste affiche la nouvelle image.
Si vous voyez l’ancienne image, videz le cache dans Paramètres avancés → Performances. Plus de détails dans l’article sur pourquoi les modifications ne s’affichent pas dans PrestaShop.
Ordre des images et ajout de nouvelles images
Vous changez l’ordre en faisant glisser les miniatures dans la section des images. La première place revient toujours à l’image de couverture. Vous ajoutez de nouvelles images avec le bouton d’ajout ou en faisant glisser des fichiers depuis votre ordinateur sur la zone des images. Une nouvelle image se place à la fin de la galerie.
Quelques règles qui fonctionnent bien :
- Image de couverture sur un fond clair et uni. Dans une liste de produits, les images sont côte à côte, et des fonds différents donnent un aspect désordonné.
- Deuxième position : le produit en situation. Après l’image de couverture, le client veut voir la taille et l’usage.
- Images des déclinaisons associées aux déclinaisons. En modifiant une déclinaison, vous choisissez quelles images lui appartiennent. Sans cela, un client qui choisit une couleur voit toujours une autre couleur.
- Pas de logo ni de texte sur l’image de couverture. Dans l’aide de Merchant Center sur l’attribut image_link, Google déconseille les filigranes et les images composées uniquement d’un logo comme image principale.
Le guide de Google sur les images dans la recherche recommande aussi un texte alternatif descriptif pour chaque image. Nous décrivons comment remplir les légendes sur de nombreux produits dans l’article sur la balise alt des images dans PrestaShop.
Les problèmes d’images produit les plus fréquents
L’image de couverture a changé toute seule après un import. Un import CSV peut ajouter des images et définir l’image de couverture selon l’ordre du fichier. Si le fournisseur met la photo de l’emballage en premier, c’est elle qui devient l’image principale. Avant le prochain import, vérifiez l’ordre des adresses d’images dans le fichier. Nous traitons l’import dans l’article sur l’import de produits par CSV.
La liste des produits affiche une autre image que l’image de couverture. C’est en général l’image de la déclinaison par défaut. Quand la couleur par défaut a ses propres images associées, la liste peut afficher celles-ci. Changez la déclinaison par défaut ou les images qui lui sont associées.
Les images sont floues ou rognées. PrestaShop crée plusieurs tailles de chaque image selon les réglages du thème. Quand vous téléversez des images trop petites ou aux proportions différentes des autres, elles rendent moins bien dans la liste des produits. Téléversez des images aux mêmes proportions, idéalement carrées.
Google Shopping affiche toujours l’ancienne image. Google lit les images depuis les données produit avec un décalage. Un changement d’image de couverture dans la boutique n’est pas repris tout de suite dans Merchant Center.
Les images de nombreux produits à la fois
Pour un seul produit, le back office suffit. Les difficultés commencent quand un fournisseur envoie de nouvelles images pour toute une gamme, ou quand un import laisse une photo d’étiquette comme image de couverture. Avec le module TellMyShop, vous décrivez ce que vous voulez changer, et votre chat (Claude ou ChatGPT) prépare les modifications pour tous les produits et les montre dans un aperçu.
Vous: Dans la gamme de mugs Nordic, l’image de couverture est une photo de la boîte. Mets la photo du mug seul comme image principale et déplace la boîte à la fin.
Votre chat: La gamme compte 8 produits. Dans 6 d’entre eux, l’image de couverture a « box » dans le nom du fichier, et la photo du mug est en deuxième position. Aperçu pour le premier produit :
Vous: D’accord. Et les deux autres ?
Votre chat: Là, l’image de couverture est déjà le mug, je les laisse donc sans changement. Je vais montrer un aperçu pour les 6 produits. J’enregistre après votre « oui ».
Statut de la carte : attend votre « oui »ancienne version : couverture : nordic-mug-grey-box.jpg
nouvelle version : couverture : nordic-mug-grey.jpg
ancienne version : ordre : boîte, mug, en situation
nouvelle version : ordre : mug, en situation, boîte
Les noms et les chiffres de l’exemple sont donnés à titre d’illustration. Le chat vérifie les images à partir des données qu’il voit dans la boutique, comme les noms de fichiers et les légendes. Quand il ne peut pas savoir quelle image montre le produit lui-même, il pose la question.
Dans la version gratuite TellMyShop Free, le chat trouve les produits sans images et montre les images et leurs légendes pour un produit donné, mais ne change rien. Dans TellMyShop Pro, il ajoute des images à partir d’adresses, définit l’image de couverture et l’ordre, supprime les images inutiles et remplit les légendes. C’est le domaine Catalogue, qui fonctionne dès l’activation de la licence. Des exemples de demandes se trouvent dans les cas d’usage images produit : ajout, ordre, changement de l’image principale, produits sans images, EAN ou marque et descriptions de centaines d’images pour Google.
Chaque modification a un aperçu et entre dans l’historique des modifications. Vous pouvez annuler la plupart des modifications par une seule demande, mais ne supprimez pas une image sans garder vous-même une copie du fichier. Les formules sont sur la page tarifs, et d’autres guides sur la fiche produit sont sur le blog.
Questions et réponses
Qu’est-ce que l’image de couverture d’un produit dans PrestaShop ?
L’image de couverture est l’image principale du produit. PrestaShop l’affiche dans la liste des produits d’une catégorie, dans la recherche, dans le panier et en premier sur la fiche produit. Un produit a toujours une seule image de couverture.
J’ai changé l’image de couverture, mais la boutique affiche toujours l’ancienne. Pourquoi ?
Le plus souvent, c’est le cache de la boutique ou du navigateur. Videz le cache dans Paramètres avancés → Performances et rafraîchissez la page dans une fenêtre de navigation privée. Pour les produits avec déclinaisons, vérifiez aussi que la déclinaison par défaut n’a pas une autre image associée.
L’ordre des images compte-t-il pour Google ?
L’image principale passe en général dans les données produit et dans le fichier pour Google Merchant Center : c’est donc elle qui représente le produit dans Google Shopping. L’ordre des autres images compte surtout pour le client qui parcourt la galerie.
Faut-il régénérer les miniatures après avoir changé l’image de couverture ?
En général, non. PrestaShop crée les miniatures quand vous téléversez une image. La régénération n’est nécessaire qu’après un changement des tailles d’images dans les réglages ou un changement de thème.
Le chat peut-il ajouter des images à partir des liens d’un fournisseur ?
Oui, dans TellMyShop Pro. Le chat ajoute des images à partir d’adresses, définit l’image de couverture et l’ordre, et montre un aperçu avant l’enregistrement. C’est le domaine Catalogue, qui fonctionne dès l’activation de la licence.
PrestaShop est une marque déposée de PrestaShop SA. Claude est une marque d’Anthropic PBC. ChatGPT et OpenAI sont des marques d’OpenAI. TellMyShop n’est pas affilié à ces entreprises.