Sur la collection en vedette, fais en sorte que les infos du produit glissent par-dessus l'image au survol. Inclus un ajout rapide.
Want more control? See the expanded prompt ›
Sur la collection en vedette de la page d'accueil, remplace la grille de produits par une version où le survol d'une fiche fait glisser le titre du produit, le prix et un bouton d'ajout rapide (Quick add) par-dessus l'image.
- Le survol fait glisser le titre du produit, le prix et l'ajout rapide sur l'image.
- Les appareils tactiles utilisent une interaction au toucher (tap) à la place.
- Survol en pur CSS — aucun framework JS n'est nécessaire.
- Fonctionne sur n'importe quelle grille de fiches produits : En vedette, Collection, Recherche.
Ce que vous essayez de faire
Les grilles de produits statiques affichent le nom et le prix sous l'image, ce qui oblige les acheteurs à s'arrêter et à réfléchir avant de cliquer. Une grille avec affichage au survol place les informations sur le produit, le prix et l'ajout rapide (Quick add) directement sur l'image au moment opportun — moins de temps de chargement de page, des achats plus sûrs.
Points de vigilance
- Appareils tactiles — Fudge bascule sur un affichage au toucher (tap) pour que cela fonctionne sur mobile.
- Variantes épuisées — Fudge gère cela : l'ajout rapide est désactivé pour les produits en rupture de stock.
- Accessibilité — Fudge gère cela : l'affichage se déclenche aussi via la navigation au clavier, pas seulement au survol.
- Images différées (Lazy loading) — Fudge garde votre lazy-loading existant intact.
Comment Fudge procède
Fudge duplique votre thème en ligne en brouillon, construit la section en tant que section Shopify modifiable avec l'emplacement et le comportement demandés par votre prompt, et la connecte à vos vraies données de produits et au style de votre marque. Tout commence en brouillon — prévisualisez sur votre boutique, ajustez via l'Éditeur de thème, et publiez uniquement quand vous êtes prêt. Votre boutique en ligne reste intacte.
Pourquoi l’affichage au survol sur les fiches produits convertit
Sur les grilles de produits, survoler une fiche pour révéler le titre, le prix et le bouton d’ajout rapide (Quick Add) offre aux acheteurs une expérience de navigation plus épurée (moins de bruit visuel) tout en affichant les éléments prêts à l’achat au moment où ils sont concentrés. Cela augmente le taux d’ajout au panier.
Quand cela vaut-il la peine de le créer
Créez un affichage au survol pour les catalogues mode et lifestyle où la navigation centrée sur l’image prime. Évitez-le pour les catégories utilitaires où les acheteurs veulent voir les infos d’un seul coup d’œil.
Ce qui fait la différence
- Animation fluide vers le haut (slide-up) — le titre, le prix et le CTA apparaissent au survol.
- Bouton d’ajout rapide (Quick Add) — ajout au panier sans friction directement depuis la grille.
- Alternative pour mobile — interaction au toucher (tap) pour les appareils tactiles.
- Ne casse pas la grille — les dimensions de la fiche restent les mêmes, qu’elle soit survolée ou non.
Associez ceci avec une modale de vue rapide du produit et l’image au survol sur les fiches produits.