PrestaShop Produktbild ändern: Titelbild festlegen und Reihenfolge der Bilder setzen
Um das Produktbild in PrestaShop zu ändern, öffnen Sie das Produkt unter Katalog → Artikel und klicken auf das Bild, das das Hauptbild werden soll. Im Bildbereich setzen Sie den Haken bei der Option Titelbild und speichern das Produkt. Die Reihenfolge der übrigen Bilder ändern Sie, indem Sie die Vorschaubilder ziehen. Das Hauptbild erscheint in der Produktliste, im Warenkorb und als erstes in der Galerie.
Autor: Das TellMyShop-Team. Ein Ratgeber für Betreiber von PrestaShop-Shops: die Ursache, die Lösung von Hand und dieselbe Arbeit im Gespräch mit dem Chat.
Zuletzt aktualisiert: · 6 Min. Lesezeit
Wo das Hauptbild im Shop erscheint
Das Titelbild ist mehr als das erste Bild der Galerie. Die PrestaShop-Spezifikation zu Produktbildern im Frontend erklärt, dass genau das Titelbild in die Produktlisten geht. Hat ein Produkt nur ein Bild, wird es automatisch zum Titelbild.
| Ort | Welches Bild | Was das bedeutet |
|---|---|---|
| Produktliste in einer Kategorie | das Titelbild | dieses Bild entscheidet, ob der Kunde klickt |
| Suche und Vorschläge im Shop | das Titelbild | das Produkt sollte darauf gut zu erkennen sein |
| Produktseite | erst das Titelbild, dann die übrigen in ihrer Reihenfolge | die Reihenfolge der Galerie setzen Sie per Ziehen |
| Kombination des Produkts (z. B. Farbe) | der Kombination zugeordnete Bilder | nach der Wahl einer Farbe sieht der Kunde ihre Bilder |
| Warenkorb und Bestellbestätigung | das Titelbild oder das Bild der Kombination | der Kunde prüft, ob er das richtige Produkt gewählt hat |
| Google Shopping | meist das Titelbild, übergeben in den Produktdaten | das Bild muss die Anforderungen von Google erfüllen |
Wie Sie das Hauptbild Schritt für Schritt ändern
Diese Schritte gelten für die neue Produktseite in PrestaShop 8.1 und 9. Im älteren Layout sehen die Felder ähnlich aus, liegen aber an anderen Stellen.
- Öffnen Sie Katalog → Artikel und klicken Sie auf den Produktnamen.
- Suchen Sie auf dem ersten Tab den Bereich mit den Bildern.
- Klicken Sie auf das Vorschaubild des Bildes, das das Hauptbild werden soll. Ein Bereich mit seinen Einstellungen öffnet sich.
- Setzen Sie den Haken bei der Option Titelbild. Das bisherige Titelbild hört auf, Titelbild zu sein.
- Tragen Sie im selben Bereich die Bildbeschriftung ein, also den Alternativtext für Google und Screenreader.
- Speichern Sie das Produkt.
- Öffnen Sie die Kategorie im Shop in einem privaten Fenster und prüfen Sie, ob die Liste das neue Bild zeigt.
Wenn Sie das alte Bild sehen, leeren Sie den Cache unter Erweiterte Einstellungen → Leistung. Mehr dazu im Beitrag, warum Änderungen in PrestaShop nicht sichtbar sind.
Reihenfolge der Bilder und neue Bilder hinzufügen
Die Reihenfolge ändern Sie, indem Sie die Vorschaubilder im Bildbereich ziehen. Der erste Platz gehört immer dem Titelbild. Neue Bilder fügen Sie mit dem Button zum Hinzufügen hinzu oder indem Sie Dateien vom Computer auf den Bildbereich ziehen. Ein neues Bild landet am Ende der Galerie.
Ein paar Regeln, die sich bewähren:
- Titelbild auf hellem, einfarbigem Hintergrund. In einer Produktliste stehen die Bilder nebeneinander, und unterschiedliche Hintergründe wirken unruhig.
- Zweite Position: das Produkt im Einsatz. Nach dem Titelbild will der Kunde Größe und Verwendung sehen.
- Bilder der Kombinationen den Kombinationen zuordnen. Beim Bearbeiten einer Kombination wählen Sie, welche Bilder zu ihr gehören. Ohne das sieht ein Kunde, der eine Farbe wählt, weiterhin eine andere Farbe.
- Keine Logos und kein Text auf dem Titelbild. Google rät in der Merchant-Center-Hilfe zum Attribut image_link von Wasserzeichen und reinen Logobildern als Hauptbild ab.
Auch der Google-Leitfaden zu Bildern in der Suche empfiehlt für jedes Bild einen beschreibenden Alternativtext. Wie Sie Beschriftungen für viele Produkte ausfüllen, beschreiben wir im Beitrag über Alt-Texte für Bilder in PrestaShop.
Die häufigsten Probleme mit Produktbildern
Das Titelbild hat sich nach einem Import von selbst geändert. Ein CSV-Import kann Bilder hinzufügen und das Titelbild nach der Reihenfolge in der Datei setzen. Wenn der Lieferant das Foto der Verpackung zuerst aufführt, wird es zum Hauptbild. Prüfen Sie vor dem nächsten Import die Reihenfolge der Bildadressen in der Datei. Den Import beschreiben wir im Beitrag über den CSV-Import von Produkten.
Die Produktliste zeigt ein anderes Bild als das Titelbild. Meist ist es das Bild der Standardkombination. Wenn der Standardfarbe eigene Bilder zugeordnet sind, kann die Liste diese zeigen. Ändern Sie die Standardkombination oder die ihr zugeordneten Bilder.
Bilder sind unscharf oder abgeschnitten. PrestaShop erstellt von jedem Bild mehrere Größen nach den Einstellungen des Themes. Wenn Sie zu kleine Bilder oder Bilder mit anderen Proportionen als die übrigen hochladen, sehen sie in der Produktliste schlechter aus. Laden Sie Bilder mit denselben Proportionen hoch, am besten quadratisch.
Google Shopping zeigt noch das alte Bild. Google liest Bilder aus den Produktdaten mit Verzögerung. Eine Änderung des Titelbilds im Shop kommt nicht sofort im Merchant Center an.
Bilder für viele Produkte auf einmal
Für ein Produkt reicht das Back-Office. Schwierig wird es, wenn ein Lieferant neue Bilder für ein ganzes Sortiment schickt oder ein Import ein Etikettenfoto als Titelbild hinterlässt. Mit dem TellMyShop-Modul beschreiben Sie, was Sie ändern wollen, und Ihr Chat (Claude oder ChatGPT) bereitet die Änderungen für alle Produkte vor und zeigt sie in einer Vorschau.
Sie: In der Serie Nordic-Becher ist das Titelbild ein Foto der Schachtel. Setz das Foto des Bechers selbst als Hauptbild und schieb die Schachtel ans Ende.
Ihr Chat: Die Serie hat 8 Produkte. Bei 6 ist das Titelbild ein Bild mit „box“ im Dateinamen, und das Foto des Bechers ist an zweiter Stelle. Vorschau für das erste Produkt:
Sie: Gut. Und die anderen zwei?
Ihr Chat: Dort ist das Titelbild schon der Becher, ich lasse sie also unverändert. Ich zeige eine Vorschau für die 6 Produkte. Ich speichere nach Ihrem „Ja“.
Status der Karte: wartet auf Ihr „Ja“alte Version: Titelbild: nordic-mug-grey-box.jpg
neue Version: Titelbild: nordic-mug-grey.jpg
alte Version: Reihenfolge: Schachtel, Becher, im Einsatz
neue Version: Reihenfolge: Becher, im Einsatz, Schachtel
Namen und Zahlen im Beispiel dienen nur zur Veranschaulichung. Der Chat prüft Bilder anhand der Daten, die er im Shop sieht, etwa Dateinamen und Beschriftungen. Wenn er nicht erkennen kann, welches Bild das Produkt selbst zeigt, fragt er nach.
Im kostenlosen TellMyShop Free findet der Chat Produkte ohne Bilder und zeigt die Bilder und ihre Beschriftungen für ein bestimmtes Produkt, ändert aber nichts. In TellMyShop Pro fügt er Bilder über Adressen hinzu, setzt Titelbild und Reihenfolge, entfernt unnötige Bilder und füllt Beschriftungen aus. Das ist der Bereich Katalog, der direkt nach der Aktivierung der Lizenz funktioniert. Beispielanfragen finden Sie in den Anwendungsfällen Produktbilder: hinzufügen, ordnen, Hauptbild ändern, Produkte ohne Bilder, EAN oder Marke und Beschreibungen für Hunderte Bilder für Google.
Jede Änderung hat eine Vorschau und landet im Änderungsverlauf. Die meisten Änderungen können Sie mit einer Anweisung rückgängig machen, aber löschen Sie kein Bild, ohne selbst eine Kopie der Datei aufzubewahren. Die Pakete finden Sie auf der Seite Preise, und weitere Anleitungen zur Produktseite im Blog.
Fragen und Antworten
Was ist das Titelbild eines Produkts in PrestaShop?
Das Titelbild (Cover) ist das Hauptbild des Produkts. PrestaShop zeigt es in der Produktliste einer Kategorie, in der Suche, im Warenkorb und als erstes auf der Produktseite. Ein Produkt hat immer genau ein Titelbild.
Ich habe das Titelbild geändert, aber der Shop zeigt noch das alte Bild. Warum?
Meistens liegt es am Cache des Shops oder des Browsers. Leeren Sie den Cache unter Erweiterte Einstellungen → Leistung und laden Sie die Seite in einem privaten Fenster neu. Bei Produkten mit Kombinationen prüfen Sie auch, ob der Standardkombination nicht ein anderes Bild zugeordnet ist.
Spielt die Reihenfolge der Bilder für Google eine Rolle?
Das Hauptbild geht meist in die Produktdaten und in die Datei für Google Merchant Center, es vertritt das Produkt also in Google Shopping. Die Reihenfolge der übrigen Bilder ist vor allem für den Kunden wichtig, der durch die Galerie blättert.
Muss ich nach dem Ändern des Titelbilds die Vorschaubilder neu erzeugen?
Meistens nicht. PrestaShop erstellt die Vorschaubilder beim Hochladen eines Bildes. Neu erzeugen müssen Sie sie nur, wenn Sie die Bildgrößen in den Einstellungen ändern oder das Theme wechseln.
Kann der Chat Bilder über Links des Lieferanten hinzufügen?
Ja, in TellMyShop Pro. Der Chat fügt Bilder über Adressen hinzu, setzt Titelbild und Reihenfolge und zeigt vor dem Speichern eine Vorschau. Das ist der Bereich Katalog, der direkt nach der Aktivierung der Lizenz funktioniert.
PrestaShop ist eine eingetragene Marke der PrestaShop SA. Claude ist eine Marke der Anthropic PBC. ChatGPT und OpenAI sind Marken von OpenAI. TellMyShop ist mit diesen Unternehmen nicht verbunden.