Wichtige Erkenntnisse
- Gehe zu Produkte > wähle ein Produkt aus > ziehe Bilder im Bereich Medien per Drag-and-drop, um sie neu zu ordnen.
- Das erste Bild in der Liste wird zum Featured Image, das auf den Kategorieseiten angezeigt wird.
- Du kannst die Bildreihenfolge für viele Produkte gleichzeitig per CSV-Export/Import ändern.
- Variantenbilder folgen anderen Regeln – sie sind fest an bestimmte Varianten gebunden.
Die Reihenfolge deiner Produktbilder ist wichtiger, als die meisten Händler glauben. Das Featured Image – also das Bild, das auf Kategorieseiten und in Suchergebnissen angezeigt wird – ist einfach das Bild, das in der Liste an erster Stelle steht. Hier erfährst du, wie du das steuerst.
Warum du uns vertrauen kannst
Wir haben hunderte Shopify-Storefronts erstellt und angepasst. Außerdem haben wir Fudge entwickelt – einen KI-Storefront-Editor mit einer 5,0-Bewertung im Shopify App Store.
So ordnest du Bilder bei einem einzelnen Produkt neu
Schritt 1. Gehe in deinen Shopify-Adminbereich > Produkte.
Schritt 2. Klicke auf das Produkt, dessen Bilder du neu ordnen möchtest.
Schritt 3. Scrolle zum Bereich Medien. Du siehst alle hochgeladenen Bilder in einer Rasteransicht.
Schritt 4. Klicke und halte ein beliebiges Bild und ziehe es an eine neue Position. Lass es los, um es dort zu platzieren.
Schritt 5. Klicke auf Speichern.
Das war’s schon. Das erste Bild im Raster ist nun das Featured Image, das auf Kategorieseiten und überall dort verwendet wird, wo Shopify ein einzelnes stellvertretendes Bild für dieses Produkt anzeigt.
Was ist das Featured Image in Shopify?
Das Featured Image (Vorschaubild) ist das primäre Bild, das Shopify verwendet, um ein Produkt darzustellen, wenn nur ein Bild angezeigt wird:
- Produktkarten auf Kategorieseiten
- Suchergebnisse
- Vorschauen beim Teilen in Social Media
- Warenkorb-Positionen
- Bestellbestätigungs-E-Mails
Es ist immer das erste Bild im Medienbereich. Um das Featured Image zu ändern, ziehe ein anderes Bild an die erste Position und speichere die Änderung.
Bilder bei mehreren Produkten gleichzeitig neu ordnen
Wenn du die Bildreihenfolge bei vielen Produkten aktualisieren musst, wird Drag-and-drop im Adminbereich zeitaufwendig. Der skalierbare Ansatz ist ein CSV-Export/Import.
Schritt 1. Gehe zu Produkte > Exportieren > wähle deinen Produktbereich aus > exportiere als CSV.
Schritt 2. Öffne die CSV-Datei. Jede Zeile stellt eine Produkt-Bild-Kombination dar. Die Spalte Image Src enthält die Bild-URL und Image Position enthält die Anzeigereihenfolge (1 = erstes Bild/Featured Image).
Schritt 3. Aktualisiere die Werte für Image Position, um die gewünschte Reihenfolge festzulegen. Position 1 ist das Featured Image.
Schritt 4. Speichere die CSV und importiere sie wieder: Produkte > Importieren > lade deine Datei hoch.
Shopify aktualisiert die Bildpositionen. Bei großen Katalogen ist dies viel schneller, als es Produkt für Produkt zu tun.
Variantenbilder und Neusortierung
Variantenbilder funktionieren anders. Wenn du ein Bild einer bestimmten Variante zuweist (z. B. einer blauen Farbvariante), wird dieses Bild an diese Variante „gepinnt“. Wenn ein Kunde eine Variante auswählt, zeigt Shopify automatisch das zugewiesene Bild zuerst an.
Variantenbilder können nicht auf die gleiche Weise neu geordnet werden – sie sind an die Variante gebunden, nicht an die globale Bildabfolge. Du verwaltest sie, indem du zum Bereich Varianten gehst, eine Variante anklickst und das zugehörige Bild auswählst oder änderst.
Häufige Fehler beim Neusortieren von Bildern
Das Speichern vergessen. Shopify speichert Änderungen an der Bildposition nicht automatisch. Klicke nach dem Verschieben immer auf die Schaltfläche „Speichern“, bevor du die Seite verlässt.
Sofortige Änderungen erwarten. Aufgrund des Browser-Cachings kann es vorkommen, dass du im Storefront noch einige Minuten lang die alte Bildreihenfolge siehst. Versuche einen „Hard Refresh“ (Cmd+Shift+R oder Strg+Shift+R).
Neuordnung ohne Check der mobilen Ansicht. Das Featured Image auf mobilen Kategorieseiten ist dasselbe wie auf dem Desktop – es ist das erste in der Liste. Stelle sicher, dass dein bestes Bild für beide Kontexte an erster Stelle steht.
Wenn Neusortieren nicht ausreicht
Wenn du mehr Kontrolle darüber haben möchtest, wie Bilder präsentiert werden – etwa ein individuelles Galerie-Layout, eine Zoom-Funktion, ein Video zwischen den Bildern oder ein anderes Featured Image je nach Kontext –, reicht die Standard-Neusortierung nicht aus.
Diese Art der Anpassung erfordert Änderungen am Theme-Code. Du kannst Fudge beschreiben, was du möchtest: „Zeige das zweite Produktbild in einer Sidebar an und lass das erste Bild auf der linken Seite in voller Breite.“ Fudge generiert den Code und lässt dich ihn überprüfen, bevor er live geht.
