Mehrere Bilder pro Variante in WooCommerce | EHERO Woo Variation Gallery

Galerie-Plugin für WooCommerce

Mehrere Bilder pro Variante in WooCommerce

WooCommerce erlaubt pro Variation nur ein Foto. EHERO Woo Variation Gallery gibt jeder Variante ihre eigene vollständige Galerie: Wenn Farbe oder Größe gewählt werden, zeigt die Produktseite nur diese Bilder und blendet den Rest aus. Ohne Produkte zu duplizieren und ohne Code anzufassen.

Kaufen für 49,99 €/Jahr
Shop ansehen

Mehrere Bilder pro Variante in WooCommerce: Icon des Plugins EHERO Woo Variation Gallery

So funktioniert es

Die Abfolge ist genau die, die Ihre Kunden in jedem großen Shop erwarten. Sie öffnen die Produktseite eines variablen T-Shirts und sehen die allgemeine Produktgalerie. Sobald sie die Farbe „Olivgrün“ oder Größe L wählen, wird die Galerie sofort neu aufgebaut: Es erscheinen nur die Fotos dieser Variante — Vorderseite, Rückseite, Stoffdetail, Foto am Model — und die Bilder der anderen Farben verschwinden. Hat diese Variante ein Video oder eine 360°-Sequenz, wird es als weitere Folie in dieselbe Galerie aufgenommen.

Alles geschieht ohne Neuladen der Seite und ohne dass Sie eine Zeile JavaScript geschrieben haben: Das Plugin hört auf das WooCommerce-Ereignis zum Variationswechsel, filtert die Anhänge und rendert die Miniaturen mit einem Überblendeffekt neu.

Und wenn der Kunde das Produkt in den Warenkorb legt, ist die Miniatur im Warenkorb und in der Bestellung die seiner eigenen Variante, nicht das generische Bild des Elternprodukts. Dieses Detail verhindert einen großen Teil der E-Mails nach dem Motto „Ich glaube, Sie haben mir die falsche Farbe geschickt“.

WooCommerce erlaubt nur ein Bild pro Variation, und Ihre Kunden merken das

Öffnen Sie irgendein variables Produkt in Ihrem Shop, klappen Sie eine Variation auf und schauen Sie auf das Bildfeld: Platz für ein Foto. Eins. Das ist seit jeher eine Einschränkung des WooCommerce-Kerns und hat nichts mit Ihrem Theme oder Ihrem Page Builder zu tun. Das Ergebnis: Ein Kleid in fünf Farben zeigt pro Farbe eine Miniatur und danach eine gemeinsame Galerie, in der alle Varianten vermischt werden.

Der Kunde, der Marineblau gewählt hat, scrollt dann durch Fotos von Rot und Beige und versucht herauszufinden, welches Bild zu dem passt, was er kaufen will. Wenn sich der Zweifel auf der Produktseite nicht klärt, klärt er sich außerhalb: durch Schließen des Tabs. Bei Produkten, bei denen das Aussehen die Kaufentscheidung ist — Mode, Schuhe, Dekoration, Möbel, Schmuck, Kosmetik — kostet diese visuelle Verwirrung zuerst Conversion und später Rücksendungen.

Die üblichen Bastellösungen sind oft schlimmer als das Problem selbst. Die häufigste ist, das Produkt zu duplizieren: eine Produktseite pro Farbe, damit jede ihre eigene Galerie hat. Nach zwei Wochen ist der Katalog aufgebläht, der Bestand über mehrere Seiten verteilt, an die niemand denkt, die Bewertungen sind auf fünf URLs fragmentiert und nahezu identischer Inhalt kostet Sie am Ende Ranking. Die andere Lösung ist, alle Fotos in die Galerie des Elternprodukts zu packen und darauf zu hoffen, dass der Kunde sie auseinanderhalten kann — genau das wird nicht passieren.

Mehrere Bilder pro Variante in WooCommerce anzeigen zu können ist kein ästhetischer Luxus: Es schließt die Lücke zwischen dem, was der Kunde auswählt, und dem, was er sieht.

EHERO Woo Variation Gallery: eine eigene Galerie für jede Variante

Das Plugin ergänzt den Variationseditor um das, was WooCommerce nie mitgeliefert hat — einen Mehrfach-Bildauswähler pro Variation, mit Titelbild und Reihenfolge — und im Frontend die Logik, die entscheidet, was gerade angezeigt wird. Das ändert sich in Ihrem Shop:

Unbegrenzte Galerie pro Variante

Weisen Sie jeder Variation so viele Fotos zu, wie Sie möchten, direkt im Tab „Variationen“. Ziehen Sie sie per Drag & Drop in die gewünschte Reihenfolge und klicken Sie auf den Stern, um das Titelbild zu markieren. Wenn die Variante auf der Produktseite ausgewählt wird, sind nur diese Bilder sichtbar.

Bilder pro Attribut, ohne doppelte Arbeit

Ein T-Shirt in 4 Farben und 5 Größen ergibt 20 Variationen, aber nur 4 Bildersets. Weisen Sie die Bilder dem Attributwert „Farbe“ zu, und alle Größen dieser Farbe übernehmen die Galerie. Einmal eingerichtet, gilt es für das gesamte Produkt.

Gemeinsame Bilder

Es gibt Fotos, die für alle Varianten gelten: Größentabelle, Maßtabelle, Nahtdetail, Materialzertifikat. Sie werden als gemeinsam markiert und erscheinen in der Galerie jeder Variation, ohne sie zwanzigmal zu duplizieren.

Videos und 360°-Viewer

Fügen Sie YouTube-, Vimeo- oder MP4-Videos direkt als weitere Folie der Galerie dieser Variante hinzu. Und mit einer Bildsequenz in Aufnahme-Reihenfolge lässt der 360°-Viewer den Kunden das Produkt per Maus oder Finger drehen.

Badges und Wasserzeichen

Varianten-Labels — Neu, Angebot, Ausverkauft oder eigener Text wie „-20 %“ — direkt auf dem Bild. Und ein konfigurierbares Text-Wasserzeichen mit Position, Größe, Farbe, Hintergrund, Deckkraft, Drehung und Schatten, um Ihre Produktfotos zu schützen.

Bildwechsel im Katalog

Auf der Shop-Seite wechselt beim Überfahren der Varianten eines Produkts mit der Maus die Miniatur auf die des jeweiligen Farbtons. Der Kunde vergleicht schon in der Liste und betritt die Produktseite mit einer Entscheidung, statt fünf Produkte zu öffnen und wieder zu schließen.

Hinter diesen sechs Funktionen steckt eine wichtige Designentscheidung: Das Standardverhalten bestimmen Sie. Sie legen fest, welche Galerie vor der Auswahl angezeigt wird — alle Bilder, die der ersten Variante oder die Standardvariation von WooCommerce —, ob das Hauptbild immer sichtbar bleibt und was passiert, wenn eine Variation keine eigenen Fotos hat.

Das Plugin enthält außerdem ein Statistik-Dashboard, das erfasst, welche Varianten Ihre Kunden am häufigsten ansehen. So sehen Sie, ob die Farbe auf dem Titelbild wirklich die attraktivste ist oder ob die meistangesehene nicht mit der meistverkauften übereinstimmt: direkte Informationen, um besser zu fotografieren und den Bestand gezielter aufzustocken.

So wird es eingerichtet (ohne eine Zeile Code anzufassen)

  1. Installieren und Lizenz aktivieren

    Laden Sie die ZIP-Datei über Plugins → Neu hinzufügen hoch, aktivieren Sie sie und fügen Sie Ihren Lizenzschlüssel ein. Ab dann erhalten Sie automatische Updates direkt im WordPress-Dashboard, wie bei jedem anderen Plugin.

  2. Fotos jeder Variante zuweisen

    Bearbeiten Sie ein variables Produkt, gehen Sie zum Tab Variationen, klappen Sie eine Variation auf und klicken Sie auf „Bilder auswählen“. Wählen Sie die Fotos aus der Mediathek, ordnen Sie sie per Drag & Drop und markieren Sie das Titelbild mit dem Stern. Wiederholen Sie das bei den Variationen, die es brauchen.

  3. Abkürzungen konfigurieren

    Wenn Ihr Produkt Farbe und Größe kombiniert, weisen Sie die Bilder im Attribut-Mapping dem Attribut „Farbe“ zu und sparen Sie sich die Wiederholung pro Größe. Markieren Sie gemeinsame Fotos wie Größentabelle oder Maßtabelle als gemeinsam.

  4. Verhalten anpassen und veröffentlichen

    Unter Einstellungen bestimmen Sie die Startgalerie, die Übergangsanimation, ob Videos, 360°, Badges oder Wasserzeichen aktiv sind und ob sich das Miniaturbild im Katalog ändert. Speichern, Produktseite öffnen und das Ergebnis mit zwei Klicks prüfen.

Wenn Ihre Produktseite mit einem Page Builder wie Elementor oder Bricks oder mit einem Theme mit eigener Galerie erstellt wird, gibt es ein Feld, in das Sie die CSS-Selektoren dieses Containers eintragen können, damit das Filtern auch dort funktioniert. Das ist das Nächste an Code, was Sie sehen werden: einen Selektor einfügen.

Für wen ist dieses Galerie-Plugin pro Variante gedacht?

Kompatibilität

EHERO Woo Variation Gallery arbeitet mit dem nativen variablen Produkt von WooCommerce: Es erstellt keinen eigenen Produkttyp und verschiebt Ihre Daten nicht in parallele Tabellen. Es funktioniert mit WordPress 5.8 oder höher, erklärt Kompatibilität mit HPOS — dem High-Performance Order Storage — und ist bis WooCommerce 9.6 getestet.

Wenn Sie das Plugin deaktivieren, funktionieren Ihre Produkte weiter: Die Variationen behalten ihr natives Bild und die Produktseite kehrt zum Standardverhalten zurück. Es gibt keine technische Abhängigkeit, die Sie bindet.

Was Ihre Lizenz enthält

Die Lizenz von EHERO Woo Variation Gallery kostet 49,99 € pro Jahr und enthält alles, was Sie brauchen, um mehrere Bilder pro Variante in WooCommerce vom ersten Tag an zu nutzen, ohne Zusatzmodule oder separate kostenpflichtige Funktionen:

Häufige Fragen

Muss ich Produkte duplizieren, um mehrere Bilder pro Variante in WooCommerce zu haben?

Nein, und genau dafür ist das Plugin da. Sie behalten ein einziges variables Produkt mit Bestand, Bewertungen und URL. Was sich ändert: Jede Variation kann eine vollständige Galerie statt nur eines Fotos haben. Wenn Sie Produkte aus diesem Grund bereits dupliziert haben, können Sie sie wieder zu einem einzigen Produkt zusammenführen.

Muss ich die Fotos Variante für Variante zuweisen?

Nur wenn Sie maximale Detailtiefe wollen. Üblicher ist die Zuweisung zum Attributwert: Wenn Ihre Fotos von der Farbe und nicht von der Größe abhängen, konfigurieren Sie die Bilder für „Blau“ einmal, und alle blauen Größen übernehmen diese Galerie. Bei einem T-Shirt mit 4 Farben und 5 Größen sind das 4 Konfigurationen statt 20.

Funktioniert es mit meinem Theme oder Page Builder?

Mit Themes, die die Standardgalerie von WooCommerce verwenden, funktioniert es ohne Konfiguration. Wenn die Produktseite mit Elementor, Bricks oder einem anderen Page Builder mit eigener Galerie erstellt wird, gibt es in den Einstellungen ein Feld, in das Sie die CSS-Selektoren dieses Containers eintragen können, damit das Filtern auch dort angewendet wird.

Was passiert, wenn eine Variante keine Bilder zugewiesen hat?

Das entscheiden Sie in den Einstellungen. Es kann zuerst auf das Attribut zurückfallen — etwa die Farbgalerie — und, wenn auch die nicht existiert, die komplette Produktgalerie anzeigen; es kann das Attribut überspringen und direkt alles anzeigen; oder es kann nichts weiter anzeigen als das, was zugewiesen wurde. Außerdem können Sie erzwingen, dass das Hauptbild des Produkts immer sichtbar bleibt.

Verlangsamen Videos und 360°-Viewer die Produktseite?

Lazy Loading ist standardmäßig aktiviert, sodass Bilder und Videos der Varianten erst geladen werden, wenn sie benötigt werden. Videos werden als Folie in die Galerie eingefügt, und der 360°-Viewer verwendet bereits hochgeladene Fotos wieder, ohne schwere externe Bibliotheken. Beide Funktionen können Sie dennoch unabhängig deaktivieren, wenn Sie eine minimalistische Produktseite bevorzugen.

Kommt das richtige Bild auch im Warenkorb und in der Bestellung an?

Ja. Die Miniatur im Warenkorb und in der Bestellung verwendet das Bild der gewählten Variante statt des generischen Bildes des Elternprodukts. Diese Option ist standardmäßig aktiviert und reduziert Fälle, in denen Kunden glauben, einen anderen Artikel erhalten zu haben als den bestellten.

Verwandte Produkte

Jede Variante soll zeigen, was der Kunde gewählt hat

Ein einziges Foto pro Variation ist eine WooCommerce-Einschränkung, keine Entscheidung Ihres Shops. Geben Sie jeder Farbe, Größe und Ausführung ihre eigene Galerie — mit Reihenfolge, Titelbild, Video und 360° — für 49,99 € pro Jahr, Lizenz für eine Domain und Support auf Spanisch.

EHERO Woo Variation Gallery kaufen
Alle EHERO-Plugins ansehen


Abonniere unseren Newsletter

Erhalte exklusive Angebote und Neuigkeiten.

Erhalte 10 % Rabatt auf deine erste Bestellung!