Woocommerce Produktbilder bei Mouseover wechseln

von | Feb 18, 2020 | Allgemein, eCommerce, WordPress Plugins | 4 Kommentare

Ihr habt sicher schon so Online Shops gesehen, wo man mit der Maus über ein Produktbild fahren konnte und dann sieht man ein anderes Bild. Dieser Produktbild wechsel lässt sich auch mit WordPress ausführen und zwar gibts ein kleines Plugin mit dem Namen WooCommerce Product Image Flipper von jameskoster, mit dem man das machen kann.

Sucht dieses Plugin einfach im WordPress Plugin Archiv und installiert es. Lässt euch nicht abschrecken, weil das Plugin schon länger nicht mehr aktualisiert worden ist und auch kein schönes Titelbild hat. James Koster der Programmierer dieses Plugin arbeitet bei Automatic als Designer und wie wir alle wissen ist ja Automattic der Hüter von WordPress und WooCommerce selbst.

Also ihr müsst nur das Plugin aktivieren und dann läuft alles.

Jetzt müsst ihr dann nur noch schauen, dass ihr ein Produktbild habt & als Wechselbild wird das 1. Bild aus der Produktgallerie genommen. Wenn ihr beide Bilder drin habt, dann solltet ihr jetzt so ein Bilderwechsel bei den Produkte aktiviert haben.

Sehr einfach und sehr wirkungsvoll.

Video Anleitung

4 Kommentare

  1. Süleyman

    Ich glaube das Plugin funktioniert mit der neuen Version von Woocommerce nicht mehr. Also zumindest nicht bei mir. Ansonsten ein sehr hilfreicher Plugin!

    Antworten
    • Eric-Oliver Mächler

      hallo Süleyman – ich hab es gerade angeschaut und getestet und ich sehe keinen fehler. bei mir und mit verschiedenen themes läufts ohne probleme. hast evtl ein plugin im einsatz das hier reinschiesst oder ein „komisches“ theme? ich weiss das so theme wie optimizepress oder ähnlich hier ärger machen können. am besten checkst du mal alles durch. danke für dein feedback und kommentar

      Antworten
  2. Melanie Mayer

    Hallo Eric, vielen lieben Dank für deinen Tipp. Das Plugin funktioniert leider nur bei den WooCommerce-Produkt-Abbildungen, aber leider nicht, wenn man DiviPlus zusätzlich installiert hat. Wenn man die Produkte mit DiviPlus abbildet, dann wird das zweite Bild beim Hover leider nicht angezeigt. Hättest du da vielleicht noch einen Tipp?

    Antworten
    • Eric-Oliver Mächler

      ja das ist keine überraschung wenn es systeme gibt wo es nicht funktioniert. leider kenne ich diviplus nicht – darum weiss ich nicht ob da noch was spezielles eingebaut ist.
      ich kann dir aber dieses plugin noch empfehlen „TP Product Image Flipper for Woocommerce“ das habe ich in den letzten paar Jahre mehrmals eingebaut – hier in meiner entwicklungsumgebung sieht man es https://divi.projekte.dev/shop/
      evtl hilft dir das

      Antworten

Einen Kommentar abschicken

Deine E-Mail-Adresse wird nicht veröffentlicht. Erforderliche Felder sind mit * markiert