Zeigen Sie mit einer Cursorbewegung mehr vom Produkt.
Kowal Catalog Hover Image
Tauschen Sie das Bild in der Produktliste aus, wenn der Cursor über das Bild bewegt wird. Zeigen Sie eine zweite Ansicht, ein Detail oder eine andere Seite des Produkts, ohne die Produktkarte zu öffnen.
Zweites Bild · Detailvorschau · Einstellungen pro Produkt
SO FUNKTIONIERT ES IN DER PRAXIS
01 · Sie wählen das zweite Bild In der Produktgalerie weisen Sie das Bild der Hover-Rolle zu.
02 · Der Kunde bewegt den Cursor über das Bild Die Liste zeigt das zugewiesene alternative Bild.
03 · Der Cursor verlässt das Produkt Das ursprüngliche Bild wird erneut angezeigt.
Welche Vorteile hat Ihr Shop?
Lernen Sie die Funktionen, Einsatzmöglichkeiten und Einstellungen des Moduls kennen.
Lernen Sie das Modul kennen
Katalog Hover Image ist ein Modul für Magento 2 (Versionen 2.3.* und 2.4.*), das die Produktliste um eine interaktive Funktionalität erweitert. Wenn der Cursor über ein beliebiges Produkt in der Liste bewegt wird, erscheint ein zweites Bild, das sogenannte hover image, das im Admin-Panel für jedes Produkt individuell eingestellt werden kann.
Wichtige Funktionen des Moduls
Interaktives Durchstöbern von Produkten: Ermöglicht Kunden eine schnelle Vorschau eines alternativen Produktbildes, ohne zur Detailseite wechseln zu müssen.
Einfache Konfiguration: Im Magento Admin-Panel kann für jedes Produkt ein hover image zugewiesen werden, wodurch Sie die volle Kontrolle über die Präsentation Ihres Sortiments erhalten.
Steigerung der visuellen Attraktivität des Shops: Der dynamische Bildwechsel beim Mouseover zieht die Aufmerksamkeit der Kunden auf sich und kann Engagement sowie Conversion-Raten erhöhen.
Vorteile des Moduleinsatzes
Verbesserung der User Experience: Erleichtert Kunden das Kennenlernen des Produkts, was zu schnelleren Kaufentscheidungen führen kann.
Personalisierung der Produktpräsentation: Bietet die Möglichkeit, verschiedene Aspekte des Produkts zu zeigen, etwa andere Farben, Muster oder Details.
Kompatibilität und Zuverlässigkeit: Das Modul wurde getestet und ist vollständig mit den Magento Versionen 2.3.* und 2.4.* kompatibel.
So funktioniert es
Installation des Moduls: Der Installationsprozess ist einfach und erfordert keine fortgeschrittenen technischen Kenntnisse.
Einrichtung des Hover Image: Gehen Sie im Admin-Panel zur Produktbearbeitung und fügen Sie ein zusätzliches Bild als hover image hinzu.
Effekt auf der Shopseite: Wenn der Cursor über ein Produkt in der Liste bewegt wird, wird automatisch das eingestellte zweite Bild angezeigt.
Support und Dokumentation
Installationsanleitung: Detaillierte Installationsschritte finden Sie in der beigefügten Dokumentation.
Technischer Support: Bei Fragen oder Problemen mit dem Modul bieten wir professionellen technischen Support.
Der Einsatz des Moduls Katalog Hover Image ist eine einfache Möglichkeit, die Funktionalität des Shops zu verbessern und die Kundenzufriedenheit durch eine interaktivere und attraktivere Produktpräsentation zu erhöhen.
Bildrolle und Verhalten der Liste
Sie aktivieren das Modul unter Stores → Configuration → Kowal → Hover Catalog Image. Das zugewiesene Bild wird im Attribut hover_catalog gespeichert. Wenn es fehlt, prüft der Code das Produkt-Thumbnail als Ersatzbild.
Nach dem Verlassen des Bildes wird das ursprüngliche Bild wiederhergestellt. Das Skript unterstützt außerdem die Aktualisierung des Listeninhalts. Die Implementierung verwendet jQuery und RequireJS; die Integration mit einer anderen Art der Produktlisten-Darstellung muss an das Theme angepasst werden.
Installation über Composer
Paket: kowal/hover-image; Modul: Kowal_CatalogHoverImage. Nachdem Sie den Zugriff auf das Kowal Repository konfiguriert haben, installieren Sie das Paket, aktivieren Sie das Modul, führen Sie das Magento Update aus und leeren Sie den Cache. Für den Produktionsmodus berücksichtigen Sie die für die Umgebung passende Kompilierung und Bereitstellung statischer Inhalte.
Von der Konfiguration bis zum Effekt
1. Sie wählen das zweite Bild In der Produktgalerie weisen Sie das Bild der Hover-Rolle zu.
2. Der Kunde bewegt den Cursor über das Bild Die Liste zeigt das zugewiesene alternative Bild.
3. Der Cursor verlässt das Produkt Das ursprüngliche Bild wird erneut angezeigt.
Details bereits im Katalog sichtbar
Beispiel: Das Hauptbild zeigt das Produkt von vorne, das Hover-Bild die Rückseite oder eine Nahaufnahme des Materials. Der Kunde erfährt beim Durchstöbern der Liste mehr Details.
Der Effekt wird durch den Cursor ausgelöst. Auf Touch-Geräten sollte die Darstellungsweise im verwendeten Theme geprüft werden.
Fügen Sie das Composer-Repository zur Konfiguration hinzu:
Die Zugangsdaten zum Composer-Repository (E-Mail-Adresse des Kunden und Lizenz-Token) erhalten Sie nach dem Kauf per E-Mail. Sie sind auch im Kundenpanel nach der Anmeldung unter kowal.store verfügbar. Ersetzen Sie TWOJ_EMAIL_KLIENTA durch die E-Mail-Adresse Ihres Kontos und TWOJ_TOKEN durch den erhaltenen Token. Führen Sie die Befehle im Magento Hauptverzeichnis aus.
Ermöglicht das Modul die Anzeige eines zweiten Produktbildes, wenn der Mauszeiger über die Miniaturansicht in der Produktliste (Katalogliste) bewegt wird?
Antwort
Ja — das Modul ermöglicht es, jedem Produkt in Magento 2 ein sogenanntes „Hover Image“ (zweites Bild) zuzuweisen, das angezeigt wird, wenn der Mauszeiger über das Produkt in der Liste bewegt wird.
Frage
Mit welchen Magento-2-Versionen funktioniert dieses Modul?
Antwort
Das Modul ist mit den Versionen Magento 2.3.* und Magento 2.4.* kompatibel.
Frage
Erfordert die Installation des Moduls Änderungen an den Core-Dateien von Magento oder am Theme?
Antwort
Nein — die Installation des Moduls erfordert keine Bearbeitung der Core-Dateien von Magento 2; es funktioniert als Erweiterung gemäß der Magento-Architektur.
Frage
Wie sieht die Konfiguration aus — muss ich für jedes Produkt manuell ein zweites Bild zuweisen?
Antwort
Ja — der Administrator kann im Magento-Panel für jedes Produkt ein „Hover Image“ zuweisen, das angezeigt wird, wenn der Mauszeiger darüber bewegt wird.
Frage
Beeinflusst das Modul die Leistung des Shops?
Antwort
Der Einfluss ist minimal — obwohl es den visuellen „Hover“-Effekt hinzufügt, verursacht es keine hohe Belastung und führt nicht zu einer deutlich langsameren Funktion des Shops, wenn die Bilder optimiert sind. (Allgemeines Wissen über Erweiterungen dieser Art)
Frage
Funktioniert der Hover-Effekt auch auf mobilen Geräten?
Antwort
In der Regel kann der Hover-Effekt auf Touchscreens (Smartphones, Tablets) weniger intuitiv sein — es lohnt sich zu prüfen, ob das Modul ein entsprechendes Verhalten „bei Berührung“ bietet, oder ein alternatives Verhalten auf mobilen Geräten beizubehalten.
Frage
Kann ich einstellen, dass der Hover-Effekt nur in bestimmten Kategorien oder für bestimmte Produktgruppen funktioniert?
Antwort
Obwohl die Hauptbeschreibung des Moduls das Zuweisen eines Hover-Bildes für ein Produkt erwähnt, lohnt es sich, wenn du eine bedingte Funktionsweise benötigst (z. B. nur für bestimmte Kategorien), die Dokumentation zu prüfen oder den Hersteller nach der Verfügbarkeit von Filtern zu fragen.
Frage
Kann dieser visuelle Effekt bei der Conversion und der Nutzerbindung helfen?
Antwort
Ja — ein zusätzliches Bild beim Darüberfahren ermöglicht es dem Kunden, schneller eine alternative Perspektive des Produkts zu sehen (z. B. eine andere Farbe, ein anderes Muster oder ein Detail), was das Nutzererlebnis verbessern und die Kaufwahrscheinlichkeit erhöhen kann.
Frage
Muss das Hover-Bild eine neue Datei sein oder kann es eines der bereits hochgeladenen Produktbilder sein?
Antwort
In der Regel kannst du vorhandene Bilder als Hover-Bild verwenden — es ist also nicht unbedingt nötig, eine neue Datei hochzuladen, wenn du das Bild bereits in der Produktgalerie hast. (Typische Funktionalität für Module dieser Art)
Frage
Erhalte ich nach dem Kauf des Moduls technischen Support und Aktualisierungen?
Antwort
Ja — der Hersteller des Moduls erklärt, dass er kostenlose Aktualisierungen sowie technischen Support für seine Erweiterungen anbietet.
