Plugins angetestet: WooCommerce Image Zoom – Detailansicht der Produktbilder per Mouseover

Wenn du mit hochwertigen Produktbildern arbeitest, ist eine Zoom-Funktion fast schon ein Muss. Wir haben uns das recht einfache aber praktische Plugin WooCommerce Image Zoom angeschaut.

Die Erweiterung ist in der Basisversion kostenlos erhältlich. Diese kommt ohne jegliche Einstellungen daher, ist dafür aber äußerst einfach zu bedienen. Plugin installieren, aktivieren, fertig. Und schon wird das zentrale Produktbild vergrößert, sobald man mit der Maus über dieses fährt, ohne dass ein Klick notwendig wird oder sich ein Pop-up/eine Lightbox öffnet.

Hier eine beispielhafte Abbildung anhand unseres Themes Frankfurt:

Sofern das Bild groß genug eingebunden wurde, kann man deutlich in dieses zoomen
Sofern das Bild groß genug eingebunden wurde, kann man deutlich in dieses zoomen

Das ist nicht spektakulär, aber es hilft dabei, Produktabbildungen deutlich genauer unter die Lupe zu nehmen. Gerade bei Onlineshops im Modeumfeld setzen viele Kunden eine solche Funktionalität voraus – und sie machen nicht selten ihre Kaufentscheidung davon abhängig.

Das einzige Manko des Plugins ist der Faktor User Experience. Der Nutzer muss erst einmal auf die Idee kommen, mit dem Mauszeiger über das Produktbild zu fahren, bevor er die erweiterte Ansicht zu sehen bekommt. Hier wäre beispielsweise ein dezentes Lupen-Icon – vom Plugin in die Ecke des Produktbildes eingebunden – weitaus zielführender.

Deutlich mehr Möglichkeiten in der Pro-Version

Wer lediglich einen funktionierenden Zoom für das zentrale Produktbild in WooCommerce sucht, für den reicht die kostenlose Basisversion auf wordpress.org völlig aus. Die Pro-Version (die wir nicht getestet haben) wartet jedoch mit einigen interessanten Zusatzfeatures auf. Unter anderem sind dies:

  • Zoom-Ansicht öffnet sich automatisch neben der Standardansicht, so dass man besser im Produktbild zu den Details navigieren kann
  • Detailansicht auch für Produktvarianten bzw. variable Produkte möglich
  • Lightbox-Produktgalerie mit Slider- und Zoom-Funktion
  • Verschiedene Zoom-Arten bzw. Layouts und Darstellungen der Lupe
  • Detailansicht für einzelne Produkte oder Kategorien ausschließen
  • Größe des Bildes und der Lupe kann angepasst werden
  • Anpassbarer FadeIn- und FadeOut-Effekt

Das Demovideo der Entwickler zeigt die zusätzlichen Möglichkeiten im Detail, insbesondere die verschiedenen Zoom-Arten werden dabei gut demonstriert:

Falls du Erfahrungen mit dem Plugin oder dessen Pro-Version gesammelt hast, freuen wir uns über ein Feedback in den Kommentaren zu diesem Beitrag.

Beitrag teilen

Author Avatar

Redakteur bei MarketPress. Blogger aus Leidenschaft, Corporate Blog & Content Marketing Trainer, Buchautor (u.a. "Blog Boosting"). Mit-Organisator des WP Camp Berlin.

Auch interessant:

klarna sofort woocommerce

Klarna SOFORT Überweisung für WooCommerce: Neue Version unter anderem mit Rückerstattungen

von Michael Firnkes

Das Plugin Klarna SOFORT Überweisung ermöglicht die einfache Einbindung des Payment-Providers in deinen WooCommerce-Shop. Die neue Version 1.2.0 bringt z ...

Weiterlesen

German Market 3.5: SEPA-Archive, Double-Opt-in, intelligenter Rechnungskauf und mehr

von Michael Firnkes

Zahlreiche Optimierungen in German Market machen deinen WooCommerce-Shop noch flexibler. Wir fassen für dich die wichtigsten Neuerungen zusammen. Doubl ...

Weiterlesen
woocommerce automation

Onlineshop automatisieren mit WooCommerce und Zapier

von Michael Firnkes

Mit WooCommerce Zapier stellt das Team von Automattic eine spannende Integration vor. Sie zeigt viel von dem, wie Onlineshops in Zukunft funktionieren werd ...

Weiterlesen
varianten vorschau woocommerce

WooCommerce Plugins angetestet: Smart Variations Images - Vorschaubilder bei variablen Produkten wechseln

von Michael Firnkes

Im Standard von WooCommerce bleiben die Produkt-Vorschaubilder gleich, wenn man eine Variante auswählt. Das ist in vielen Fällen wenig praktikabel. Die k ...

Weiterlesen

Kommentare

Schreibe einen Kommentar

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

Du kannst folgende HTML Tags verwenden: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code class="" title="" data-url=""> <del datetime=""> <em> <i> <q cite=""> <s> <strike> <strong> <pre class="" title="" data-url=""> <span class="" title="" data-url="">