WooCommerce ändert das Bild nicht, wenn eine Variation ausgewählt wird: warum das passiert

Es ist eine der häufigsten Frustrationen für alle, die einen Shop mit Produkten in mehreren Farben oder Ausführungen aufbauen: Der Kunde wählt «Marineblau» und auf der Produktseite wird weiterhin das graue Foto angezeigt. Oder noch schlimmer: Das Hauptbild wechselt, aber die Galerie darunter bleibt bei den Fotos der vorherigen Farbe. Du machst nichts falsch —WooCommerce funktioniert von Haus aus so— und es lohnt sich, zu verstehen, warum, bevor man nach einer Lösung sucht.

Was WooCommerce mit Variationsbildern tatsächlich macht

WooCommerce erlaubt es, nur ein einziges Bild jeder Variation zuzuweisen. Eins. Wenn der Kunde eine Attributkombination auswählt, ersetzt das System das hervorgehobene Bild durch genau dieses eine Foto und lässt die Galerie des übergeordneten Produkts unverändert.

Das funktioniert einigermaßen gut, wenn du etwas verkaufst, bei dem ein Foto ausreicht. Es funktioniert nicht mehr, sobald dein Produkt mehrere Ansichten pro Farbe braucht: Vorder- und Rückseite eines T-Shirts, Stoffdetail, das Kleidungsstück getragen, das Produkt geöffnet und geschlossen. In diesem Moment hast du zwei schlechte Optionen und keine gute.

Option A: Alles in die Galerie des Elternprodukts packen

Du lädst alle dreißig Fotos —fünf Farben mal sechs Ansichten— in die Produktgalerie hoch. Der Kunde, der die blaue Variante sehen will, muss an vierundzwanzig Bildern vorbeiscrollen, die ihn nicht interessieren. Auf dem Handy, wo mehr als die Hälfte deines Traffics ankommt, ist das ein endloser Karussell, den niemand zu Ende schaut.

Außerdem leidet die Geschwindigkeit: Du lädst dreißig Bilder, obwohl der Besucher nur sechs ansehen wird.

Option B: Ein Produkt pro Farbe erstellen

Du vervielfachst die Produktseiten und damit die Arbeit: Jede Preis-, Lager- oder Beschreibungsänderung musst du fünfmal vornehmen. Und du zerstreust Bewertungen und Seitenautorität auf fünf URLs, die bei Google gegeneinander konkurrieren.

Das ist die Lösung, zu der die meisten am Ende greifen, und die auf lange Sicht am teuersten wird.

Warum das Problem mitten im Projekt auftaucht

Kaum jemand bemerkt das beim Einrichten des Shops. Es fällt erst auf, wenn der Katalog wächst, wenn ein Produkt mit sechs Ausführungen dazukommt oder wenn der Kunde fragt, warum er die Rückseite des gewählten Modells nicht sieht.

Bis dahin ist die Struktur schon aufgebaut, und ein Kurswechsel bedeutet, Produktseiten neu zu erstellen. Deshalb lohnt es sich, das vorher zu entscheiden: Wenn dein Katalog visuelle Variationen hat, wirst du früher oder später eine Galerie pro Variation brauchen.

  • Textil und Mode: fast immer, weil jede Farbe Vorderseite, Rückseite und Detail braucht.
  • Möbel und Dekoration: Dasselbe Möbelstück in drei Ausführungen sind visuell drei Produkte.
  • Kosmetik und Parfümerie: Verpackung, Textur und Ergebnis ändern sich je nach Variante.
  • Technisches Material: Jede Größe oder Ausführung hat ihre eigenen Detailfotos.

Was eine gut umgesetzte Galerie pro Variation leisten sollte

Es reicht nicht, «nur das Foto zu wechseln». Das sind die Bedingungen, die eine funktionierende Lösung von einem Notbehelf unterscheiden:

Vollständige Galerie pro Variante Beim Auswählen einer Variation wird die gesamte Galerie ersetzt, nicht nur das hervorgehobene Bild. Der Kunde sieht die Fotos seiner Farbe und keine anderen.
Ohne Neuladen der Seite Der Wechsel erfolgt sofort. Wenn die Produktseite flackert oder an den Anfang springt, ist das Erlebnis genau in dem Moment kaputt, in dem entschieden wird.
Stimmige Thumbnails und Zoom Thumbnails, Zoom und Lightbox müssen die aktive Variation widerspiegeln. Genau dort scheitern die meisten improvisierten Lösungen.
Laden bei Bedarf Es werden nur die Bilder der gerade angezeigten Variation geladen. Weder die Geschwindigkeit noch das mobile Datenvolumen sollten den gesamten Katalog bezahlen.
Kompatibel mit deinem Theme Es muss mit der nativen WooCommerce-Galerie funktionieren und sie nicht durch eine eigene ersetzen, die mit dem nächsten Update kaputtgeht.

Wie EHERO Woo Variation Gallery das löst

EHERO Woo Variation Gallery fügt jeder Variation ihre eigene Bildergalerie hinzu, mit so vielen Fotos, wie du brauchst. Die Zuweisung erfolgt direkt im gleichen Variationsbildschirm von WooCommerce, ohne Code anzufassen oder das Template zu wechseln.

Beim Auswählen einer Variation wird die komplette Galerie sofort ersetzt: Hauptbild, Thumbnails und Zoom. Der Rest der Produktseite —Preis, Lagerbestand, Beschreibung, Bewertungen— bleibt der eines einzelnen Produkts, so wie es sein soll.

Wie es mit visuellen Auswahlfeldern zusammenspielt

Die Galerie löst was der Kunde sieht; die Auswahlfelder lösen wie er auswählt. Wenn deine Variationen Farben oder Materialien sind, vervollständigt der Austausch des Dropdowns durch visuelle Muster mit EHERO Woo Swatches das Erlebnis: Der Kunde sieht die Farbe, klickt darauf und die gesamte Galerie wechselt zu dieser Farbe.

Das sind zwei verschiedene Bausteine und sie funktionieren getrennt, aber zusammen machen sie aus einer Variations-Produktseite etwas, das einer Marken-Shop-Erfahrung ähnelt.

  • So viele Bilder pro Variation, wie du möchtest, nicht nur eines.
  • Ersetzung der gesamten Galerie, nicht nur des hervorgehobenen Bildes.
  • Thumbnails, Zoom und Lightbox synchron mit der aktiven Variante.
  • Laden bei Bedarf, um die Geschwindigkeit nicht zu beeinträchtigen.
  • Funktioniert mit der nativen WooCommerce-Galerie und respektiert dein Theme.

Was du verlierst, solange du mit dem Problem lebst

Es ist leicht, das aufzuschieben, weil nichts kaputtgeht: Der Shop funktioniert, Bestellungen kommen rein und niemand schreibt, um sich über die Fotos zu beschweren. Die Kosten sind still und werden deshalb unterschätzt.

Der Kunde, der die gesuchte Ansicht nicht findet, beschwert sich nicht: Er geht. Und er geht nicht, weil ihm dein Produkt nicht gefällt, sondern weil er es nicht richtig sehen konnte. In Kategorien, in denen das Aussehen den Kauf entscheidet —Mode, Dekoration, Kosmetik— frisst dieser Unterschied einen Teil der Verkäufe auf, der in keiner Statistik auftaucht.

Es gibt außerdem einen Sekundäreffekt: Rücksendungen. Wenn der Kunde mit einer ungefähren Vorstellung von der Farbe kauft, weil er sie nicht richtig sehen konnte, steigt die Wahrscheinlichkeit, dass das Produkt nicht dem entspricht, was er erwartet hat. Und eine Rücksendung kostet den Hinversand, den Rückversand, die Prüfung des Artikels und oft auch den Kunden.

Wie du prüfst, ob es dich betrifft

Bevor du Geld in die Lösung steckst, miss es. Es gibt drei einfache Anzeichen, die du ohne Spezialwerkzeuge prüfen kannst:

  • Vergleiche die Conversion deiner Produkte mit Variationen mit der der einfachen Produkte. Wenn Produkte mit Variationen deutlich schlechter konvertieren und der Preis ähnlich ist, ist die Produktseite verdächtig.
  • Schau dir die Verweildauer auf der Seite bei Produktseiten mit vielen Fotos an. Eine hohe Verweildauer bei niedriger Conversion bedeutet oft, dass der Kunde etwas sucht und es nicht findet.
  • Prüfe Rücksendungen wegen «es war nicht das, was ich erwartet habe». Wenn sie sich auf Produkte mit Farbvariationen konzentrieren, liegt das Problem in dem, was vor dem Kauf sichtbar ist.

Keine der drei ist für sich allein eindeutig. Alle drei zusammen, die in dieselbe Richtung zeigen, schon.

Häufige Fragen

Kann ich mehrere Bilder pro Variation ohne Plugin hinzufügen?

Nicht mit dem Standard-WooCommerce: Das System unterstützt nur ein Bild pro Variation. Etwas Ähnliches lässt sich per Programmierung über die Gallery-Hooks erreichen, aber das ist eine maßgeschneiderte Lösung, die bei jedem WooCommerce- und Theme-Update gepflegt werden muss.

Verlangsamt das die Produktseite?

Nicht, wenn die Lösung die Bilder bei Bedarf lädt. Tatsächlich ist sie oft schneller als die übliche Alternative, bei der alle Fotos aller Farben in die Galerie des Elternprodukts gepackt und immer geladen werden.

Funktioniert es mit jedem Theme?

Es arbeitet mit der nativen WooCommerce-Galerie, also funktioniert es mit Themes, die diese respektieren. Themes, die die Galerie durch eine eigene ersetzen, müssen vorher geprüft werden; wenn du Zweifel hast, frag uns vor dem Kauf.

Und wenn eine Farbe keine eigenen Fotos hat?

Dann wird die Galerie des Elternprodukts angezeigt. Sie bleibt nicht leer und zwingt dich nicht, von Anfang an Bilder für alle Variationen hochzuladen: Du kannst sie nach und nach vervollständigen.

Beeinträchtigt es das SEO, eine einzige Produktseite statt einer pro Farbe zu haben?

Es hilft ihm. Eine Produktseite bündelt Links, Bewertungen und Autorität auf einer URL, statt sie auf fünf fast identische Seiten zu verteilen, die außerdem in den Ergebnissen gegeneinander konkurrieren.

Fazit

Dass WooCommerce die Galerie beim Auswählen einer Variation nicht ändert, ist kein Fehler deines Shops: Es ist eine Systemgrenze, die genau dann sichtbar wird, wenn der Katalog zu wachsen beginnt. Du kannst damit leben, indem du alle Fotos zusammenpackst, Produktseiten pro Farbe duplizierst und den Preis in der Wartung zahlst, oder jeder Variation ihre eigene Galerie geben. Wenn dich Letzteres interessiert, findest du die Details und eine Demo auf der Seite des Plugins für Galerien pro Variation für WooCommerce.

FORDERE DEIN ANGEBOT AN

Abonniere unseren Newsletter

Erhalte exklusive Angebote und Neuigkeiten.

Erhalte 10 % Rabatt auf deine erste Bestellung!