Afficher seconde image survol fiche produit site e commerce

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

Le mercredi, 27 juillet 2022

Dans Nouveautés sur e-monsite

Notre équipe de développeurs a planché sur une toute nouvelle fonctionnalité : la possibilité d'afficher une seconde image au survol d'un produit sur son site e-commerce.

Une nouvelle façon d'améliorer l'expérience utilisateur, en offrant à vos (futurs) clients une autre vue de vos produits sur votre boutique en ligne. Et ainsi susciter leur intérêt pour leur donner envie d'en savoir plus.

Nous vous détaillons cette nouvelle fonctionnalité d'afficher une deuxième image au survol d'une fiche produit, et tous ses avantages pour votre site e-commerce.

Pourquoi afficher une seconde image au survol d'une fiche produit ?

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.

 

Comment afficher une deuxième image au survol d'une fiche produit ?

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.

Survol image fiche produit 1

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

Survol image fiche produit 2

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

Boutique en ligne