Ihr Produkt gibt es in 8 Farben. Sie laden 40 Bilder hoch. Der Kunde wählt „Blau” und sieht trotzdem alle 40 Bilder in der Galerie. Die 5 blauen Fotos verschwinden zwischen 35 irrelevanten Aufnahmen anderer Farben.
Shopify erlaubt nur ein Bild pro Variante. Beim Klick auf eine Variante scrollt die Galerie zu diesem einen Bild, aber alle anderen bleiben sichtbar. Für Shops, in denen Farbe die Kaufentscheidung beeinflusst, ist das ein echtes Problem. Mehr Bilder bedeuten weniger Retouren. Weniger Verwirrung bedeutet mehr Umsatz.
In diesem Beitrag erfahren Sie, wie Sie mehrere Bilder pro Variante zuweisen und die Galerie automatisch filtern lassen.
In diesem Beitrag
- Das Ein-Bild-pro-Variante-Problem
- So sieht es richtig aus
- Die Lösung: Rubik Variant Images
- Einrichtung in 5 Schritten
- Schneller mit KI-Zuweisung
- Gemeinsame Bilder (für alle Varianten)
- Farbfelder auf Kollektionsseiten
- Häufig gestellte Fragen
- Weiterlesen
Das Ein-Bild-pro-Variante-Problem
Im Shopify-Admin können Sie jeder Variante ein Bild zuordnen. Wählt ein Kunde diese Variante, scrollt die Galerie zu dem Bild. Allerdings bleiben sämtliche anderen Bilder sichtbar. Ein Produkt mit 6 Farben und je 5 Fotos zeigt 30 Bilder gleichzeitig, egal welche Farbe gerade ausgewählt ist.
Das führt zu drei Problemen. Erstens verwechseln Kunden Bilder verschiedener Farben. Zweitens steigt die Retourenquote, weil 22 % aller Online-Retouren darauf zurückgehen, dass das Produkt anders aussieht als erwartet. Drittens bricht ein Großteil der Kunden auf dem Handy ab, weil niemand durch 30 Bilder wischt, um 5 relevante zu finden.
Mehr dazu: Was fehlende Variantenbilder wirklich kosten (EN).
So sieht es richtig aus
Das Ziel: Der Kunde wählt „Blau” und sieht nur die blauen Produktfotos. Vorderansicht, Rückansicht, Detailaufnahme, Größenvergleich, Lifestyle-Bild. Wechselt er zu „Rot”, zeigt die Galerie sofort die roten Fotos. Kein Scrollen durch irrelevante Bilder. Kein Neuladen der Seite.
Große Marken wie Nike oder Zara machen das genau so. Für Shopify-Shops brauchen Sie dafür eine App.
Die Lösung: Rubik Variant Images
Rubik Variant Images & Swatch ermöglicht unbegrenzt viele Bilder pro Variante. Die Galerie filtert sich automatisch, sobald der Kunde eine Farbe auswählt. Alles ohne Code-Änderungen am Theme.
- Unbegrenzte Bilder pro Variante. Weisen Sie 3, 5, 10 oder mehr Bilder zu. Auch Videos und 3D-Modelle werden unterstützt.
- Visuelle Farbfelder. Ersetzen Sie das Standard-Dropdown durch Farbkreise, Produktvorschauen oder Pillen-Buttons. Verschiedene Typen pro Option möglich (Bilder für Farbe, Pillen für Größe).
- KI-Zuweisung. Die App analysiert Ihre Produktbilder und ordnet sie automatisch den richtigen Varianten zu. Ein Klick pro Produkt.
- 350+ Themes. Funktioniert mit allen kostenlosen Shopify-Themes (Dawn, Horizon, Sense, Craft) und den meisten Premium-Themes (Impulse, Impact, Prestige, Focal, Minimog). Dazu 7 Page Builder: GemPages, PageFly, EComposer, Instant, Beae, Foxify, Replo.
- Metafield-basiert. Alle Daten werden mit der Seite geladen. Keine externen API-Aufrufe nach dem Laden. Kein Einfluss auf die Ladegeschwindigkeit.
- Shadow DOM. Die Farbfelder rendern isoliert vom Theme-CSS. Keine visuellen Konflikte mit Ihrem Design.
Kompletter App-Vergleich: Alle Shopify Variantenbilder-Apps im Vergleich (EN).
Einrichtung in 5 Schritten
- Rubik Variant Images installieren. Der kostenlose Plan reicht für 1 Produkt zum Testen.
- App-Einbettung aktivieren: Theme-Editor > App-Einbettungen > Rubik Variant Images einschalten.
- Produkt öffnen in der Rubik-App. Eine Variante auswählen (z. B. „Blau”).
- Bilder zuweisen. Die gewünschten Fotos für diese Variante auswählen und speichern. Ideal: 5 bis 6 Bilder (Vorder-, Rückseite, Detail, Größenvergleich, Lifestyle).
- Testen. Produktseite aufrufen, Farben wechseln. Die Galerie sollte sofort filtern.
Ausführliche Anleitung (EN): So zeigen Sie nur ausgewählte Variantenbilder an.
Schneller mit KI-Zuweisung
Bilder manuell zuweisen geht bei 10 Produkten gut. Bei 200 Produkten dauert es Tage. Rubik bietet zwei Beschleuniger:
KI Auto-Assign: Die App analysiert vier Datenpunkte pro Bild (Produktname, Variantenname, Dateiname, Alt-Text) und ordnet jedes Bild automatisch der richtigen Variante zu. Sie überprüfen das Ergebnis und speichern. Pro Produkt unter einer Minute.
Massenzuweisung: Für Produkte, bei denen die Bilder in der Shopify-Galerie bereits nach Varianten sortiert sind. Die App erkennt die Reihenfolge und weist Bilder automatisch zu. Funktioniert für Hunderte von Produkten im Hintergrund.
Gemeinsame Bilder (für alle Varianten)
Manche Bilder sollten unabhängig von der gewählten Variante sichtbar bleiben: Größentabellen, Pflegehinweise, Verpackungsfotos, Lifestyle-Aufnahmen, die für alle Farben passen. Markieren Sie diese in Rubik als gemeinsame Bilder. Sie bleiben in der Galerie, während die variantenspezifischen Bilder wechseln.
Farbfelder auf Kollektionsseiten
Rubik Variant Images funktioniert auf Produktseiten. Für Farbfelder auf Kollektionsseiten (kleine Farbpunkte auf den Produktkarten) nutzen Sie Rubik Combined Listings. Diese separate App verbindet einzelne Produkte mit Farbfeldern sowohl auf Produkt- als auch auf Kollektionsseiten. Mehr dazu auf rubikify.com.
So sieht es in Aktion aus
Sehen Sie, wie Variantenbilder auf einem echten Shopify-Shop funktionieren:
Häufig gestellte Fragen
Kann Shopify von Haus aus mehrere Bilder pro Variante anzeigen?
Nein. Shopify erlaubt ein Bild pro Variante. Die Galerie scrollt zu diesem Bild, zeigt aber alle anderen Bilder weiterhin an. Für mehrere Bilder pro Variante mit automatischer Filterung benötigen Sie eine App wie Rubik Variant Images.
Wie viele Bilder sollte ich pro Variante zuweisen?
Mindestens 5: Vorderansicht, Rückseite, Detailaufnahme, Größenvergleich und Lifestyle-Foto. Mehr Blickwinkel bedeuten weniger Überraschungen bei der Lieferung und weniger Retouren.
Funktioniert das mit meinem Theme?
Rubik Variant Images unterstützt über 350 Themes, darunter alle kostenlosen Shopify-Themes (Dawn, Horizon, Sense, Craft, Refresh), beliebte Premium-Themes (Impulse, Impact, Prestige, Focal, Symmetry, Warehouse, Minimog) und 7 Page Builder.
Verlangsamt die App meinen Shop?
Rubik lädt Farbfeld-Daten aus Shopify-Metafeldern. Die Daten kommen mit der Seite, ohne externe API-Aufrufe. Die Farbfelder rendern im Shadow DOM, was CSS-Konflikte verhindert. Kein spürbarer Einfluss auf die Ladezeit.
