Description /
Module Magento 2 : Image de survol du catalogue
MAGENTO 2 · CATALOGUE · PRÉSENTATION DES PRODUITS
Montrez davantage de votre produit d'un simple mouvement de curseur.
Kowal Catalog Hover Image
Changez l'image dans la liste des produits au survol de l'image par le curseur. Affichez une deuxième vue, un détail ou une autre face du produit sans ouvrir sa fiche.
Deuxième image · Aperçu des détails · Paramètres par produit
COMMENT CELA FONCTIONNE EN PRATIQUE
01 · Vous choisissez la deuxième image Dans la galerie du produit, vous attribuez une image au rôle hover.
02 · Le client survole l'image La liste affiche l'image alternative attribuée.
03 · Le curseur quitte le produit L'image d'origine s'affiche de nouveau.
Quels avantages pour votre boutique ?
Découvrez les fonctionnalités, les usages et les paramètres du module.
Découvrez le module
Katalog Hover Image est un module pour Magento 2 (versions 2.3.* et 2.4.*) qui enrichit la liste des produits avec une fonctionnalité interactive. Lorsque le curseur survole n'importe quel produit de la liste, une deuxième image, appelée hover image, s'affiche. Elle peut être configurée individuellement pour chaque produit dans le panneau d'administration.
Fonctionnalités clés du module
Navigation interactive dans les produits : permet aux clients de prévisualiser rapidement une image alternative du produit sans devoir accéder à la page de détail.
Configuration simple : dans le panneau d'administration Magento, vous pouvez attribuer une hover image à chaque produit, ce qui vous donne un contrôle total sur la présentation de l'assortiment.
Amélioration de l'attractivité visuelle de la boutique : l'effet dynamique de changement d'image au survol de la souris attire l'attention des clients et peut accroître l'engagement ainsi que les taux de conversion.
Avantages de l'utilisation du module
Amélioration de l'expérience utilisateur : aide les clients à mieux découvrir le produit, ce qui peut favoriser des décisions d'achat plus rapides.
Personnalisation de la présentation des produits : permet de montrer différents aspects du produit, comme d'autres couleurs, motifs ou détails.
Compatibilité et fiabilité : le module a été testé et est entièrement compatible avec les versions Magento 2.3.* et 2.4.*.
Fonctionnement
Installation du module : le processus d'installation est simple et ne nécessite pas de connaissances techniques avancées.
Configuration de la hover image : dans le panneau d'administration, accédez à l'édition du produit et ajoutez une image supplémentaire comme hover image.
Effet sur le site de la boutique : lorsque le curseur survole un produit dans la liste, la deuxième image configurée s'affiche automatiquement.
Support et documentation
Instructions d'installation : les étapes détaillées d'installation sont disponibles dans la documentation fournie.
Support technique : en cas de questions ou de problèmes avec le module, nous assurons un support technique professionnel.
L'utilisation du module Katalog Hover Image est un moyen simple d'améliorer les fonctionnalités de la boutique et d'augmenter la satisfaction des clients grâce à une présentation des produits plus interactive et plus attractive.
Rôle de l'image et comportement de la liste
Vous activez le module dans Stores → Configuration → Kowal → Hover Catalog Image. L'image attribuée est enregistrée dans l'attribut hover_catalog. En son absence, le code vérifie la miniature du produit comme image de remplacement.
Lorsque le curseur quitte l'image, l'image initiale est restaurée. Le script prend également en charge la mise à jour du contenu de la liste. L'implémentation utilise jQuery et RequireJS ; l'intégration avec un autre mode de rendu des listes de produits doit être adaptée au thème.
Installation avec Composer
Package : kowal/hover-image ; module : Kowal_CatalogHoverImage. Après avoir configuré l'accès au dépôt Kowal, installez le package, activez le module, effectuez la mise à jour Magento et videz le cache. Pour le mode production, prévoyez la compilation et le déploiement du contenu statique adaptés à l'environnement.
De la configuration au résultat
1. Vous choisissez la deuxième image Dans la galerie du produit, vous attribuez une image au rôle hover.
2. Le client survole l'image La liste affiche l'image alternative attribuée.
3. Le curseur quitte le produit L'image d'origine s'affiche de nouveau.
Le détail visible dès le catalogue
Exemple : l'image principale montre le produit de face, tandis que l'image hover montre son dos ou un gros plan de la matière. Le client découvre plus de détails en parcourant la liste.
L'effet est déclenché par le curseur. Sur les appareils tactiles, le mode de présentation doit être vérifié dans le thème utilisé.
Enrichissez la présentation des produits dans le catalogue
* En environnement de production, veuillez utiliser l'option --keep-generated
Type : Composer
Le module est disponible dans le dépôt composer :
Dépôt Composer Kowal : https://repo.kowal.store
Ajoutez le dépôt composer à la configuration :
Les identifiants d'accès au dépôt Composer (adresse e-mail du client et token de licence) vous seront envoyés par e-mail après l'achat. Ils sont également disponibles dans l'espace client après connexion sur kowal.store. Remplacez TWOJ_EMAIL_KLIENTA par l'adresse e-mail de votre compte et TWOJ_TOKEN par le token reçu. Exécutez les commandes dans le répertoire racine de Magento.
Le module permet-il d’afficher la deuxième image du produit lorsque le curseur survole la miniature dans la liste des produits (catalogue) ?
Réponse
Oui — le module permet d’attribuer à chaque produit dans Magento 2 une « hover image » (deuxième image), qui s’affiche lorsque le curseur survole le produit dans la liste.
Question
Avec quelles versions de Magento 2 ce module fonctionne-t-il ?
Réponse
Le module est compatible avec les versions Magento 2.3.* et Magento 2.4.*.
Question
L’installation du module nécessite-t-elle de modifier les fichiers du cœur de Magento ou du thème ?
Réponse
Non — l’installation du module ne nécessite pas de modifier les fichiers core de Magento 2 ; il fonctionne comme une extension conformément à l’architecture de Magento.
Question
À quoi ressemble la configuration — dois-je attribuer manuellement une deuxième image à chaque produit ?
Réponse
Oui — l’administrateur peut attribuer dans le panneau Magento une image « hover image » à chaque produit, qui s’affichera au survol du curseur.
Question
Le module affecte-t-il les performances de la boutique ?
Réponse
L’impact est minimal — bien qu’il ajoute un effet visuel de « hover », il ne nécessite pas une charge importante et ne ralentit pas sensiblement le fonctionnement de la boutique si les images sont optimisées. (Connaissances générales sur ce type d’extensions)
Question
L’effet de survol fonctionne-t-il aussi sur les appareils mobiles ?
Réponse
En général, l’effet de survol peut être moins intuitif sur les écrans tactiles (téléphones, tablettes) — il est conseillé de vérifier si le module dispose d’un comportement adapté au « toucher » ou de prévoir un comportement de remplacement sur les appareils mobiles.
Question
Puis-je configurer l’effet hover pour qu’il ne fonctionne que dans certaines catégories ou pour certains groupes de produits ?
Réponse
Bien que la description principale du module indique qu’il permet d’attribuer une image au survol pour un produit, si vous avez besoin d’un fonctionnement conditionnel (par exemple uniquement pour certaines catégories), il est conseillé de consulter la documentation ou de demander au fabricant si des filtres sont disponibles.
Question
Cet effet visuel peut-il aider à améliorer la conversion et l’engagement des utilisateurs ?
Réponse
Oui — l’image supplémentaire au survol permet au client de voir plus rapidement une autre perspective du produit (par exemple une autre couleur, un motif ou un détail), ce qui peut améliorer l’expérience utilisateur et augmenter les chances d’achat.
Question
L’image au survol doit-elle être un nouveau fichier, ou peut-elle être l’une des photos du produit déjà téléchargées ?
Réponse
En général, vous pouvez utiliser des photos existantes comme image au survol — il n’est donc pas forcément nécessaire de téléverser un nouveau fichier si vous avez déjà une photo dans la galerie du produit. (Fonctionnalité typique pour ce type de modules)
Question
Après l’achat du module, est-ce que je bénéficie d’une assistance technique et de mises à jour ?
Réponse
Oui — le fabricant du module déclare proposer des mises à jour gratuites ainsi qu’une assistance technique pour ses extensions.
