Ajoute une image au survol sur les fiches produits — affiche la deuxième image ou l'angle alternatif. Sur mobile, un tap change l'image pendant 2 secondes.
Want more control? See the expanded prompt ›
Sur toutes les fiches produits du site, ajoute une image au survol qui apparaît en fondu — utilise la deuxième image du produit (la vue de dos ou l'autre angle). Sur mobile, intervertis les images au clic (tap) avec retour à l'image d'origine après 2s.
- Fondu au survol vers une deuxième image du produit.
- Changement d'image au tap sur mobile (retour auto après 2s).
- Récupère automatiquement la deuxième image du produit.
- S'ignore discrètement si un produit n'a qu'une seule image.
Ce que vous essayez de faire
Une image de produit correspond à un seul angle. Une image au survol est une petite interaction qui permet aux acheteurs de voir le dos d'un pull, l'intérieur d'un sac ou la texture d'un soin pour la peau sans ouvrir la page du produit.
Points de vigilance
- Produits à image unique : Fudge désactive l'effet de survol pour les produits ne comportant qu'une seule image.
- UX mobile : le changement d'image au toucher s'annule après 2 secondes pour que les acheteurs puissent continuer à faire défiler la page.
- Lazy loading : l'image au survol ne se charge que lorsque la fiche produit apparaît à l'écran.
- Cohérence des images : Fudge peut signaler les produits dont l'image 2 est très différente de l'image 1.
Comment Fudge procède
Fudge duplique votre thème en ligne en version brouillon, construit la section en tant que section Shopify modifiable avec l'emplacement et le comportement demandés dans votre prompt, et la connecte à vos vraies données produits et au style de votre marque. Tout commence en brouillon : prévisualisez sur votre boutique, ajustez via l'Éditeur de thème, et ne publiez que lorsque vous êtes prêt. Votre boutique en ligne reste intacte.
Pourquoi les images au survol sur les fiches produits réduisent les abandons
Afficher une deuxième image de produit au survol (la vue de dos, une photo lifestyle, une autre couleur) donne plus d’informations aux acheteurs sans nécessiter de clic. Cela répond à la question « à quoi ressemble l’arrière ? » sans avoir à cliquer.
Quand cela vaut la peine d’être mis en place
Ajoutez des images au survol si vos produits ont d’autres angles ou images pertinents. Ne le faites pas si vos produits sont uniformément présentés sous un seul angle (la plupart des catégories hors prêt-à-porter).
Ce qui fait un bon effet de survol
- Deuxième image de produit utilisée — vue de dos ou photo lifestyle.
- Transition en fondu fluide — aucun changement brutal.
- Variante optimisée pour mobile — appuyer pour changer avec un retour automatique après 2 secondes.
- Pas de décalage de mise en page — mêmes dimensions que l’image principale.
Associez cela à la collection révélée au survol et à la modale d’aperçu rapide du produit.
Fudge crée cela dans le cadre de son travail de merchandising ; pour une version étape par étape, voir comment ajouter une image au survol sur les fiches produits Shopify.