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

varianten vorschau woocommerce

Im Standard von WooCommerce bleiben die Produkt-Vorschaubilder gleich, wenn man eine Variante auswählt. Das ist in vielen Fällen wenig praktikabel. Die kostenfreie Erweiterung Smart Variations Images löst dieses Problem.

Variable Produkte in WooCommerce bieten einiges an Flexibilität. Egal ob du das Kleid in unterschiedlichen Farben und Größen verkauft willst, oder das Computerspiel für diverse Plattformen: Mit Varianten lassen sich recht einfach verschiedene Ausführungen eines Produkts erstellen.

Tipp: Wie man Produktvarianten erstellt und welche Optionen dabei möglich sind, das verraten wir dir in unserem kostenfreien Tutorial Variable Produkte in WooCommerce anlegen.

Normalerweise sehen variable Produkte in deinem Onlineshop jedoch wie folgt aus:

varianten vorschau woocommerce

Wählen deine Shop-Besucher also beispielsweise die Variante „black“ aus, werden trotzdem alle Vorschau- bzw. Produktgaleriebilder aller Variationen angezeigt – auch die von „blue“. Lediglich das Haupt-Produktbild wechselt. Das sorgt schnell für Verwirrung, und wird bei einer großen Anzahl von Varianten unübersichtlich.

Smart Variations Images sorgt nun dafür, dass bei „black“ auch tatsächlich nur die „scharzen“ Vorschaubilder sichtbar sind:

varianten vorschaubilder

Dazu fügt das Plugin beim Hochladen der Produktgaleriebilder ein Feld hinzu, mit dem sich die zugehörige Produktvariante auswählen lässt:

variante wählen woocommerce

Das bedeutet jedoch gleichzeitig, dass du die Galeriebilder deiner variablen Produkte neu hochladen und zuordnen musst, damit Smart Variations Images funktioniert. Ein weiterer Nachteil der Erweiterung: Sie setzt die gleichzeitige Installation des Pugins Redux Framework voraus. Dieses erhält zwar gute Bewertungen und ist bereits auf über 500.000 WordPress-Projekten eingerichtet. Trotzdem holst du dir damit ein weiteres Plugin, unnötigen Ballast und ein zusätzliches Sicherheitsrisiko in dein System.

Optionen zur besseren Darstellung

Abgesehen davon verrichtet Smart Variations Images zuverlässig seinen Dienst. Lediglich bei einigen wenigen WooCommerce-Themes konnten wir Inkompatibilitäten feststellen.

Unter -> WooCommerce -> SVI lassen sich zahlreiche Optionen festlegen, von denen einige jedoch erst mit der kostenpflichtigen Pro-Version freigeschaltet werden:

varianten bilder optionen

  • Wähle zwischen verschiedenen Lightbox-Varianten zur Darstellung der Bilder, oder nutze die Standard-Lightbox von WooCommerce
  • Nutze die eigene Lupen-Funktion von Smart Variations Images, zur Vergrößerung der Vorschaubilder
  • Exportiere und Importiere die Einstellungen des Plugins, beispielsweise zur Verwendung in anderen Projekten
  • Schalte einen Slider für die Galeriebilder frei (Pro-Version)

Fazit

Smart Variations Images ist eine gute Lösung, um die nicht zu Ende gedachte Handhabung von Varianten-Bildern in WooCommerce zu optimieren. Lediglich die Verknüpfung mit dem sehr aufgeblasenen Redux Framework stört. Auf jeden Fall solltest du beide Plugins gut auf einem Testsystem ausprobieren, bevor du sie in deinen Live-Shop integrierst.

Schau dir zur Optimierung der Produktseiten-Bilder auch folgende Beiträge an:

Du hast Fragen zu dem Plugin? Stelle diese gerne in den Kommentaren. Du willst über zukünftige Tipps und Tutorials zu WooCommerce informiert werden? Dann folge uns auf Twitter, Facebook oder über unseren Newsletter.

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

WooCommerce Plugins angetestet: Pay Per Post - Content, Beiträge und Seiten verkaufen

von Michael Firnkes

Du willst keine physischen Produkte oder Downloads verkaufen, sondern exklusive Blogbeiträge und sonstige Seiteninhalte? Dann hilft dir das gratis Plugin ...

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="">