WooCommerce Produktbilder beim MouseOver ändern

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