4.2 Modifier l’image de couverture d’un produit

Regarde le tuto complet directement ici ⬇️

Introduction

Dans ce pas-à-pas, vous apprenez à modifier image de couverture PrestaShop pour mettre en avant le bon visuel sur une fiche produit. L’exercice reprend fidèlement la vidéo EP Studly : ouverture de la fiche, ajout d’images si nécessaire, sélection de l’image vedette via la case « image de couverture », puis enregistrement et contrôle côté boutique. Cette opération simple est souvent demandée à l’épreuve E5B, car elle valorise la présentation produit, la cohérence de la galerie et l’expérience d’achat.

Étape 1 — Ouvrir la fiche du produit à mettre à jour

Repérez la fiche concernée et accédez à la galerie.

• Back-office → Catalogue → Produits.
• Sélectionner le produit à modifier.
• Afficher la zone images de la fiche.

Étape 2 — Importer des visuels si le produit n’en a pas

Si aucune image n’est encore présente, ajoutez-en au moins une.

• Cliquer sur Ajouter une image.
• Choisir un fichier depuis l’ordinateur.
• Attendre l’envoi complet avant de poursuivre (aperçu visible).

Étape 3 — Définir l’image de couverture

Choisissez le visuel principal qui s’affichera en premier.

• Cliquer sur la vignette voulue.
• Cocher la case Image de couverture.
• Vérifier que l’icône/repère de couverture apparaît bien.

Étape 4 — Enregistrer et vérifier en boutique

Validez vos modifications et contrôlez le rendu final.

• Cliquer sur Enregistrer (images), puis Enregistrer la fiche.
• Prévisualiser le produit en front-office.
• Confirmer que la nouvelle couverture est bien affichée.

📌 Conseils pour l’examen

• Préférez une image nettte, bien cadrée, avec fond propre.
• Renommez vos fichiers clairement (ex. tshirt-colibri-noir.jpg).
• Faites une capture avant/après pour votre dossier E5B.
• Si plusieurs visuels existent, placez la meilleure en couverture.

⚠️ Erreurs à éviter

• Oublier de cocher « image de couverture ».
• Quitter la page sans enregistrer.
• Importer des images lentes ou floues.
• Ne pas prévisualiser le rendu côté boutique.

✅ Checklist révision rapide

• Produit ouvert dans Catalogue → Produits
• Image ajoutée si nécessaire
• Coche « Image de couverture » sur le bon visuel
• Enregistrement effectué
• Prévisualisation OK en front

FAQ : Tout savoir sur l’image de couverture

La couverture change-t-elle l’ordre des autres images ?

La couverture définit l’image principale. L’ordre des autres vignettes peut être ajusté séparément selon le thème ou via glisser-déposer. L’essentiel est d’avoir une première image impactante.

Quel format recommander pour de bonnes performances ?

Des JPEG optimisés (photos) et PNG/WebP pour visuels plats. Conservez des dimensions suffisantes pour l’agrandissement, tout en compressant pour accélérer le chargement.

Puis-je définir une couverture différente par déclinaison ?

Selon le thème et la configuration, on peut lier des images à des déclinaisons (couleur, taille). Cela permet d’afficher la bonne photo lorsque l’utilisateur change l’option.

Comment être sûr que le client voit la bonne image ?

Après enregistrement, prévisualisez la fiche et naviguez comme un client (PC + mobile). Videz le cache si le visuel ne semble pas mis à jour.

Et si je veux revenir à l’ancienne couverture ?

Il suffit de sélectionner une autre image et de recocher Image de couverture, puis enregistrer. Conservez toujours vos visuels d’origine.

La couverture a-t-elle un impact sur le SEO ?

Indirectement : un visuel principal clair améliore l’engagement et le taux de conversion. Pensez aussi aux légendes/alt pour l’accessibilité (selon votre thème).

📚 Envie d’aller plus loin ? Découvrez notre  Formation Prestashop BTS NDRC 2025 pour maîtriser toutes les compétences de l’épreuve !

🎥 Retrouvez tous nos tutos en vidéo sur la playlist YouTube dédiée !

Regarde le tuto complet directement ici ⬇️

Introduction

Ce pas-à-pas vous montre comment légende image PrestaShop se configure en deux endroits : d’abord dans Catalogue → Fichiers pour renommer un visuel et ajouter sa description, puis depuis la fiche produit pour éditer la légende (caption) de l’image. Nous respectons les actions de la vidéo EP Studly : sélection du fichier, saisie des champs, enregistrement et contrôle final. En E5B, cette manipulation valorise la clarté de vos médias et améliore l’accessibilité de la fiche.

Étape 1 — Ajouter une description au fichier image (bibliothèque)

On enrichit les métadonnées du visuel.

À faire :

• Catalogue → Fichiers.
• Sélectionner l’image à éditer.
• Modifier le nom du fichier (ex. T-shirt).
• Saisir la description (ex. T-shirt blanc PrestaShop).
• Enregistrer.

Étape 2 — Renseigner la légende depuis la fiche produit

On précise le texte associé à la vignette/visuel affiché.

À faire :

• Catalogue → Produits → ouvrir le produit concerné.
• Dans la galerie, cliquer sur l’image.
• Renseigner la Légende (caption) souhaitée.
• Enregistrer les modifications.

📌 Conseils pour l’examen

• Utilisez des libellés descriptifs (modèle, couleur, usage).
• Harmonisez nom fichier / description / légende pour éviter les ambiguïtés.
• Faites une capture de la fiche produit où la légende est visible.
• Si le sujet impose une orthographe précise, respectez-la à la lettre.

⚠️ Erreurs à éviter

• Laisser des noms de fichier techniques (IMG_1234.jpg).
• Oublier d’enregistrer après saisie.
• Descriptions trop vagues ou non concordantes avec le produit.
• Confondre Description fichier et Légende (champ distinct sur la fiche produit).

✅ Checklist révision rapide

• Catalogue → Fichiers : nom & description saisis + enregistrés
• Catalogue → Produits : légende renseignée sur l’image
• Contrôle visuel en front (si affichée par le thème)
• Captures pour le dossier E5B

FAQ : Tout savoir sur légende & description d’images

À quoi servent nom, description et légende ?

Le nom facilite la gestion interne, la description documente le fichier dans la médiathèque, et la légende s’affiche (selon thème) auprès du visuel côté client. Ensemble, ils améliorent clarté et accessibilité.

La légende est-elle toujours visible en front ?

Cela dépend du thème. Certains affichent la légende sous la photo, d’autres non. Même si elle n’est pas visible, renseigner la légende aide à la cohérence et peut être utilisé par certains modules.

Puis-je modifier plusieurs images d’un coup ?

Le tutoriel montre l’édition unitaire. Pour des lots, privilégiez une méthode organisée (liste des visuels à renommer, ordre de passage) afin d’éviter les oublis en E5B.

Quelle longueur pour une bonne légende ?

Courte et précise : 4–8 mots décrivant modèle/couleur/usage (ex. T-shirt col rond blanc). Évitez les répétitions lourdes ; pensez lisibilité.

La description du fichier influence-t-elle le SEO ?

Indirectement : de bons libellés et métadonnées aident à l’organisation et à la compréhension. L’impact SEO dépend surtout de l’alt/légende affichée et du contexte de la page.

Où vérifier rapidement mes modifications ?

Revenez sur la fiche produit et sur Catalogue → Fichiers pour confirmer la prise en compte. Si la légende ne s’affiche pas en front, vérifiez les options du thème.

📚 Envie d’aller plus loin ? Découvrez notre  Formation Prestashop BTS NDRC 2025 pour maîtriser toutes les compétences de l’épreuve !

🎥 Retrouvez tous nos tutos en vidéo sur la playlist YouTube dédiée !