Shopify Variantenbilder nicht sichtbar: 10 Ursachen
Sie haben jeder Variante Bilder zugewiesen. Sie öffnen die Produktseite, wählen eine andere Farbe und die Galerie bleibt unverändert. Alle 40 Bilder sind noch da. Die Filterung funktioniert nicht.
Das ist frustrierend, aber fast immer lösbar. In den meisten Fällen liegt es an einer Einstellung, die fehlt, oder einer Kleinigkeit, die übersehen wurde. Dieser Beitrag listet die 10 häufigsten Ursachen auf und zeigt für jede den Lösungsweg.
In diesem Beitrag
- 1. App-Einbettung nicht aktiviert
- 2. Bilder nicht zugewiesen
- 3. Falsches Theme aktiv
- 4. Produkt nicht neu gespeichert
- 5. Doppelte Dateinamen
- 6. Browser-Cache
- 7. Konflikt mit anderer App
- 8. Page Builder im Einsatz
- 9. Produkt im Entwurf
- 10. Theme-Update hat Einstellungen überschrieben
- Video-Anleitung
- Häufig gestellte Fragen
- Weiterlesen
1. App-Einbettung nicht aktiviert
Das ist die häufigste Ursache. Die App ist installiert, aber der App-Embed im Theme-Editor ist ausgeschaltet. Ohne aktivierte Einbettung lädt die App kein JavaScript auf der Storefront. Die Galerie kann sich nicht filtern, weil der Code dafür gar nicht auf der Seite ist.
Lösung: Gehen Sie zu Theme-Editor > App-Einbettungen (links unten in der Seitenleiste). Suchen Sie “Rubik Variant Images” und schalten Sie den Schalter ein. Speichern Sie das Theme.
Wichtig: Der App-Embed muss pro Theme aktiviert werden. Wenn Sie zwischen Themes wechseln, müssen Sie die Einbettung im neuen Theme erneut einschalten.
2. Bilder nicht zugewiesen
Shopify-Bordmittel erlauben nur ein Bild pro Variante. Dass Sie im Shopify-Admin ein Bild einer Variante zugewiesen haben, reicht für die Galeriefilterung nicht aus. Die App braucht eine eigene Bildzuordnung, weil Shopify keine Mehrfachzuweisung unterstützt.
Lösung: Öffnen Sie das Produkt in der Rubik-App (nicht im Shopify-Admin). Wählen Sie eine Variante aus. Ziehen Sie die gewünschten Bilder in den Zuweisungsbereich. Speichern Sie. Wiederholen Sie das für jede Variante. Oder nutzen Sie den KI Auto-Assign, der Bilder automatisch den passenden Varianten zuordnet.
3. Falsches Theme aktiv
Sie haben die App im Theme-Editor eines bestimmten Themes aktiviert. Aber das live geschaltete Theme ist ein anderes. Shopify erlaubt beliebig viele installierte Themes. Der App-Embed ist theme-spezifisch.
Lösung: Prüfen Sie unter Online Store > Themes, welches Theme als “Live” markiert ist. Öffnen Sie den Theme-Editor dieses Themes und aktivieren Sie den App-Embed dort. Nicht im Entwurfs-Theme, sondern im aktiven.
4. Produkt nicht neu gespeichert
Rubik speichert Variantenbilder-Daten in Shopify-Metafeldern. Wenn Sie Varianten hinzufügen oder Bilder in Shopify ändern, nachdem Sie in der App zugewiesen haben, kann es zu einem Mismatch kommen. Die App-Daten verweisen auf Bilder oder Varianten, die inzwischen anders heißen oder andere IDs haben.
Lösung: Öffnen Sie das Produkt erneut in der Rubik-App. Prüfen Sie, ob alle Zuweisungen noch stimmen. Speichern Sie erneut. Die Metafelder werden aktualisiert.
5. Doppelte Dateinamen
Wenn Sie dasselbe Bild zweimal hochladen, hängt Shopify eine Zahl an den Dateinamen (bild.jpg, bild_1.jpg). In der App sehen beide Bilder gleich aus, haben aber unterschiedliche Dateinamen. Die Zuordnung kann durcheinander kommen, wenn Shopify intern die Version mit der Zahl verwendet, aber die App die Originalversion referenziert.
Lösung: Löschen Sie doppelte Bilder in der Shopify-Bildergalerie des Produkts. Behalten Sie pro Aufnahme nur eine Version. Dann in der Rubik-App erneut zuweisen und speichern.
6. Browser-Cache
Sie haben alles richtig eingerichtet, aber die Seite zeigt noch die alte Version. Der Browser hat die Seite zwischengespeichert, samt dem alten JavaScript und den alten Metafeld-Daten.
Lösung: Leeren Sie den Browser-Cache oder öffnen Sie die Produktseite in einem Inkognito-Fenster. Auf dem Mac: Cmd+Shift+R für einen Cache-freien Reload. Unter Windows: Ctrl+Shift+R. Wenn Sie Shopify Storefront-Caching oder eine CDN-Erweiterung nutzen, leeren Sie auch dort den Cache.
7. Konflikt mit anderer App
Manche Apps greifen in die Produktseite ein: andere Swatch-Apps, Bildoptimierungs-Tools, Lazy-Loading-Scripts oder Theme-Erweiterungen, die die Galerie modifizieren. Wenn zwei Apps versuchen, die gleiche Bildergalerie zu steuern, kommt es zu Konflikten.
Lösung: Deaktivieren Sie vorübergehend alle anderen Apps, die mit der Produktseite interagieren. Testen Sie die Galeriefilterung. Wenn es funktioniert, aktivieren Sie die anderen Apps einzeln wieder, bis Sie den Konflikt finden. Wenden Sie sich dann an den Rubik-Support, der bei der Behebung helfen kann.
8. Page Builder im Einsatz
GemPages, PageFly, EComposer, Instant, Beae, Foxify und Replo erzeugen ihre eigenen Produktseitenlayouts. Das Standard-Theme-Template wird dabei umgangen. Die App muss wissen, dass ein Page Builder im Einsatz ist, damit sie die richtigen Selektoren für die Galerie verwendet.
Lösung: Rubik Variant Images unterstützt alle 7 genannten Page Builder mit eigenem Code. Stellen Sie sicher, dass Sie die aktuelle App-Version verwenden. Falls das Problem bestehen bleibt: Den Support kontaktieren und mitteilen, welchen Page Builder Sie nutzen.
9. Produkt im Entwurf
Produkte mit dem Status “Entwurf” sind im Storefront nicht sichtbar. Wenn Sie die Produktseite über die Shopify-Preview öffnen, kann die App trotzdem funktionieren. Aber die öffentliche URL zeigt eine 404-Seite.
Lösung: Stellen Sie sicher, dass der Produktstatus auf “Aktiv” steht. Prüfen Sie auch den Vertriebskanal: Das Produkt muss dem Online Store zugewiesen sein, nicht nur dem POS oder einem anderen Kanal.
10. Theme-Update hat Einstellungen überschrieben
Bei manchen Theme-Updates wird der App-Embed zurückgesetzt. Das passiert selten, aber es kommt vor. Besonders bei einem Wechsel von einer älteren Theme-Version auf eine komplett neue Version.
Lösung: Gehen Sie nach jedem Theme-Update in den Theme-Editor und prüfen Sie, ob der App-Embed für Rubik Variant Images noch aktiviert ist. Falls nicht: einschalten, speichern, fertig.
Schnelle Checkliste
Bevor Sie den Support kontaktieren, gehen Sie diese Punkte durch:
- App-Embed im live Theme aktiviert?
- Bilder in der Rubik-App (nicht nur im Shopify-Admin) zugewiesen?
- Inkognito-Fenster getestet?
- Produkt aktiv und dem Online Store zugewiesen?
- Keine andere Swatch- oder Galerie-App aktiv?
Mehr Hintergründe, warum Shopify standardmäßig alle Bilder gleichzeitig anzeigt und wie Rubik das ändert, finden Sie in unserem Beitrag Nur ausgewählte Variantenbilder anzeigen.
Video-Anleitung
Schritt für Schritt: So richten Sie die Galeriefilterung ein und vermeiden die häufigsten Fehler:
Häufig gestellte Fragen
Warum zeigt Shopify alle Bilder gleichzeitig an?
Shopify behandelt Bilder als flache Liste auf Produktebene. Pro Variante lässt sich nur ein Hauptbild zuweisen. Die Galerie filtert nicht nach Variante, sondern zeigt immer alle Bilder. Das ist kein Fehler, sondern eine Designentscheidung der Plattform. Für die Filterung brauchen Sie eine App.
Meine Bilder sind zugewiesen, aber die Galerie filtert nicht. Was tun?
Prüfen Sie zuerst, ob der App-Embed im Theme-Editor aktiviert ist. Dann testen Sie in einem Inkognito-Fenster (Browser-Cache). Stellen Sie sicher, dass die Bilder in der Rubik-App zugewiesen sind, nicht nur im Shopify-Admin. Details zu allen 10 Ursachen finden Sie in diesem Beitrag.
Funktioniert die Galeriefilterung mit meinem Theme?
Rubik Variant Images unterstützt über 350 Themes mit nativem Code, darunter alle kostenlosen Shopify-Themes (Dawn, Horizon, Sense, Craft), beliebte Premium-Themes (Impulse, Impact, Prestige, Focal) und 7 Page Builder. Die vollständige Liste finden Sie in der Dokumentation.
Kann eine andere App die Galeriefilterung stören?
Ja. Andere Swatch-Apps, Bildoptimierungs-Tools oder Lazy-Loading-Scripts können Konflikte verursachen. Deaktivieren Sie andere Apps testweise und kontaktieren Sie den Rubik-Support, wenn ein Konflikt vorliegt.
Was passiert nach einem Theme-Update?
In seltenen Fällen wird der App-Embed bei einem Theme-Update zurückgesetzt. Prüfen Sie nach dem Update im Theme-Editor, ob Rubik Variant Images noch aktiviert ist. Ihre Bildzuweisungen in der App bleiben immer erhalten, die sind unabhängig vom Theme.
Weiterlesen
