Afficher une seconde image au survol d'un produit sur son site e-commerce

L'effet survol (ou hoover pour les webdesigners) est le fait d’afficher un élément différent à un élément lorsque l’internaute passe la souris au-dessus de celui-ci. Dans le cas de notre fonctionnalité, il s'agit d'afficher la deuxième photo d'un produit au survol de l'image d'une fiche produit dans votre catalogue e-commerce.

Cet effet de survol d'image est un moyen de personnaliser votre boutique en ligne, et d'exploiter au mieux vos photos produits. De façon à rendre la navigation parmi vos pages produits encore plus agréable pour vos visiteurs.

L'ajout d'une animation pour l’affichage des images de vos produits, permet d'ajouter davantage d'interactivité sur votre site e-commerce. Et ainsi créer une expérience utilisateur engageante pour les consommateurs.

L'effet de survol sur l'image d'une fiche produit permet d'offrir une meilleure vision de vos produits, mais surtout de les mettre en valeur avec plusieurs visuels dans votre catalogue produit. Cela permet ainsi de susciter la curiosité de vos (futurs) clients, et de les inciter à cliquer sur une fiche produit pour en savoir plus et éventuellement passer plus rapidement à l'achat.

Pour faire apparaître une deuxième image au survol d'une fiche produit c'est très simple. Pas besoin de connaissances en programmation, ni maîtriser le code HTML. Nous avons simplifié pour vous cette nouvelle fonctionnalité pour vous offrir une expérience utilisateur fluide et intuitive.

Nous vous avons détaille étape après étape comment faire apparaître une seconde image au survol d'une fiche produit dans notre tutoriel e-commerce.

Affichage de la première image d'une fiche produit

Affichage de la seconde image au survol d'une fiche produit