WooCommerce Produktbilder beim MouseOver ändern

by ANN-SOPHIE WEBERING

2. März 2022
MouseOver Effekt bei Produktbildern in WooCommerce

Inhaltsverzeichnis

Ein wirklich schöner Effekt in Onlineshops ist es, wenn beim Mouseover die Bilder getauscht werden. So können wir dem Benutzer direkt in der Übersicht verschiedene Darstellungen eines Produktes zeigen – z.B. als Standardansicht ein einfaches Produktbild und beim MouseOver erscheint ein Foto des getragenen Produkts.

Hier ein Beispiel:

Um diesen MouseOver-Effekt einzubinden gibt es das gratis Plugin “TP Product Image Flipper for WooCommerce“. Dieses Plugin integriert den Effekt direkt nach der Aktivierung. Es sind keine weiteren Einstellung mehr nötig. Die Standardansicht wird immer das Produktbild sein, das Bild bem MouseOver zeigt das 1. Bild in der Produktgalerie. 

TP Product Image Flipper aktivieren
Produktbilder MouseOver Effekt anpassen
Eine langsam ladende Website ist für Nutzer ein Graus und kann dazu führen, dass Besucher die Seite vorzeitig verlassen. Doch zum Glück gibt es einfache ...
Bei der Erstellung von Webseiten mit Elementor ist es wichtig, die verschiedenen Funktionen und Elemente des PageBuilders zu verstehen. Ein solches Element, das eine wesentliche ...