Individuelle Produkt-Badges: Neue, reduzierte und Bestseller-Produkte hervorheben

„Neu“, „Angebot“ und „Bestseller“ gehören zu den nützlichsten Ecklabels, die ein Produktbild tragen kann, doch in PrestaShop gibt es standardmäßig nur zwei davon, eines hängt unauffällig von einer Einstellung ab, die die meisten Händler nie prüfen, und das dritte existiert überhaupt nicht. Bevor Sie also nach einem Badge-Modul suchen, lohnt es sich zu wissen, was die Plattform bereits kann, wo die Schalter im Backoffice liegen und wo die echte Lücke beginnt. In diesem Leitfaden geht es darum, diese Badges in Ihren Shop zu bringen, um Umsetzung, Einstellungen, Templates und Regeln. (Ob Badges Klicks und Conversions tatsächlich messbar verbessern, ist eine eigene Frage, die wir in Funktionieren Badges und Labels wirklich? behandeln, dieser Beitrag geht davon aus, dass Sie sie einsetzen möchten, und zeigt, wie Sie sie sauber umsetzen.)

Zuletzt aktualisiert: Juni 2026.

Was PrestaShop von Haus aus bietet, und was nicht

Standardmäßig rendert PrestaShop in der oberen Ecke jeder Produktminiatur eine kleine Gruppe von „Flags“. Gesteuert wird sie über ein einzelnes Template-Partial, themes/your-theme/templates/catalog/_partials/product-flags.tpl, das {$product.flags} durchläuft und jedes Element als <li class="product-flag {$flag.type}"> innerhalb von <ul class="product-flags"> ausgibt. Diese Klasse ist später Ihr Ansatzpunkt für das Styling. Die Kern-Typen, die PrestaShop mitliefert, sind fest vorgegeben, new, on-sale, discount, online-only und pack:

Das ist der Kernbestand, den die Plattform Ihnen mitgibt. Badges für Lagerbestand und Verfügbarkeit („Nicht auf Lager“, „Letzte Artikel auf Lager“) sind ein separates Thema. Sie sind kein fester Eintrag in derselben Flag-Liste, und ob bzw. wie sie angezeigt werden, hängt von Ihrem Theme und Ihrer Version ab. Der Verfügbarkeitstext und eigene Lagerlabels werden unter Shop-Einstellungen → Produkteinstellungen gesteuert. Themes und Module können außerdem eigene Labels zusätzlich zum Kernbestand ausgeben. Gehen Sie also nicht davon aus, dass ein Lager-Badge, das Sie anderswo sehen, aus derselben {$product.flags}-Schleife stammt.

Auffällig ist, was in dieser Liste fehlt: Es gibt kein natives „Bestseller“-Flag. PrestaShop verfolgt Bestseller intern (darauf basieren der Block ps_bestsellers und die Bestseller-Seite, wenn Sie sie aktivieren), setzt aber nie automatisch ein Badge auf die Produktminiatur. Das ist die erste echte Lücke, auf die wir gleich zurückkommen.

Das Zeitfenster für das „Neu“-Badge prüfen (die Einstellung, die die meisten Händler übersehen)

Das „Neu“-Badge wird von einer einzigen Zahl gesteuert. Gehen Sie zu Shop-Einstellungen → Produkteinstellungen und suchen Sie Anzahl der Tage, in denen das Produkt als 'neu' gilt (der Konfigurationswert PS_NB_DAYS_NEW_PRODUCT). Bei einer frischen Installation steht dieser Wert standardmäßig auf 20. Neu hinzugefügte Produkte tragen also von Haus aus tatsächlich das Badge, aber in vielen laufenden Shops ist der Wert auf 0 gesetzt (jemand hat ihn auf null gesetzt, oder eine Migration hat ihn leer hinterlassen). Und wenn er 0 ist, ist nie etwas neu, und das Flag wird nie gerendert. Wenn Ihr „Neu“-Badge also nicht erscheint, prüfen Sie zuerst diesen Wert. Setzen Sie ihn auf einen sinnvollen Zeitraum. 20 Oder 30 Tage sind üblich, und PrestaShop kennzeichnet automatisch jedes Produkt, dessen Erstellungsdatum (nicht das Datum der letzten Änderung) in dieses Zeitfenster fällt.

Was bedeutet das konkret für Sie? Zwei praktische Folgen. Erstens ist das „Neu“-Badge rein datumsbasiert und vollständig automatisch. Sie bearbeiten es nie pro Produkt, und es läuft von selbst ab, sobald das Zeitfenster vorbei ist. Zweitens orientiert es sich am ursprünglichen Hinzufügedatum. Ein altes Produkt erneut zu speichern, um es „aufzufrischen“, setzt das Flag also nicht erneut. Wenn ein dauerhaftes Produkt wieder neu wirken soll, müssen Sie es duplizieren oder eine Modulregel verwenden (siehe unten). Passen Sie das Zeitfenster daran an, wie oft sich Ihr Katalog wirklich ändert, ein 30-Tage-Fenster in einem Shop, der zwei Produkte pro Jahr hinzufügt, bedeutet schlicht, dass fast nie etwas das Badge trägt.

Das „Angebot“-Badge: zwei verschiedene Dinge mit demselben Wort

Hier stolpern viele Händler. PrestaShop kennt zwei getrennte Konzepte, die beide wie „Angebot“ aussehen können, sich aber nicht gemeinsam bewegen:

• Das Kontrollkästchen „Im Angebot“ (Produktseite, Tab Preisgestaltung) rendert das on-sale-Flag. Es ist ein manuelles Flag und ändert für sich genommen den Preis nicht. Es ist nur ein Label, das Sie aktivieren.
• Eine Preisreduzierung, ein Spezifischer Preis beim Produkt oder eine katalogweite Katalogpreisregel unter Katalog → Rabatte, rendert automatisch das discount-Flag und ändert tatsächlich den Preis, den der Kunde bezahlt. Das Standard-Theme von PrestaShop zeigt dies als Preisnachlass-Label an, oft mit dem Prozentsatz.

Die Konsequenz: Wenn ein Rabatt-Badge erscheinen soll, legen Sie die Reduzierung an, und das discount-Flag kümmert sich selbst darum, setzen Sie nicht zusätzlich „Im Angebot“ von Hand in der Erwartung, dass dadurch gerechnet wird. Zeigen Sie nach Möglichkeit den Prozentsatz („-20 %“ schlägt ein bloßes „Angebot“, weil es die Ersparnis beziffert). Und wenn Sie Preisnachlässe in großem Umfang ausrollen, ist der Backoffice-Aufwand beim Bearbeiten hunderter spezifischer Preise ein eigenes Problem, siehe Massen-Preisaktualisierungen, wenn Sie das erledigen möchten, ohne Ihren Nachmittag zu verlieren.

Die Bestseller-Lücke, und drei Wege, sie zu schließen

Weil es kein natives Bestseller-Flag gibt, müssen Sie eines selbst erzeugen. Dafür gibt es drei Wege, mit steigendem Aufwand und sinkendem manuellem Pflegebedarf:

Weg 1, Manuell, mit einem Produktmerkmal

Die Option ohne Entwickler: Erstellen Sie unter Katalog → Attribute & Merkmale ein Merkmal (z. B. „Badge“ mit Werten wie „Bestseller“, „Empfehlung des Teams“), weisen Sie es den passenden Produkten zu und lassen Sie Ihr Theme es anzeigen. Das kostet nichts und funktioniert in jeder Version, ist aber vollständig manuell. Sie entscheiden, was ein Bestseller ist, und halten es von Hand aktuell. Für „Empfehlung des Teams“ und „Ausgezeichnet“, wo ohnehin menschliches Urteil gefragt ist, ist das in Ordnung. Für „Bestseller“ ist es mühsam, weil das echte Verkäufe abbilden soll und daher in dem Moment veraltet, in dem Sie die Pflege einstellen.

Weg 2, Das Theme-Template bearbeiten

Die Entwickler-Option: Erweitern Sie product-flags.tpl (und das Partial für Listen-Zellen, _partials/miniatures/product.tpl), damit Ihr eigenes <li class="product-flag bestseller"> ausgegeben wird, wenn eine bestimmte Bedingung erfüllt ist. Das gibt Ihnen volle Kontrolle und verursacht keine Lizenzkosten. Der Haken ist derselbe, der bei jeder Theme-Anpassung zuschlägt: Sie lebt in Ihrem Theme. Ein Theme-Wechsel oder ein Neuaufbau des Child-Themes kann sie verschwinden lassen, und die Logik „Ist das ein Bestseller?“ muss irgendwoher kommen, meist aus einer Abfrage, die Sie ebenfalls schreiben und pflegen müssen. Volle Kontrolle, volle Verantwortung.

Weg 3, Ein regelbasiertes Badge-Modul

Genau wegen dieser Lücke gibt es Badge-Module: Sie möchten ein „Bestseller“-Badge (oder „Limitiert“ oder „Nur noch wenige auf Lager“), das sich aus Verkäufen oder Lagerbestand selbst neu berechnet, statt von einer Tabelle abzuhängen, die Sie am Monatsanfang aktualisieren. Unser Modul Custom Product Badges ergänzt genau das für PrestaShop 1.6 bis 9: Sie laden ein Badge hoch oder wählen eines aus und heften es dann entweder an bestimmte Produkte oder verknüpfen es mit einer Regel, damit es automatisch angewendet wird. Was bringt Ihnen das konkret? Das Bestseller-Badge folgt den Produkten, die sich tatsächlich verkaufen, ohne dass Sie irgendetwas neu taggen müssen; ein Badge „Begrenzter Lagerbestand“ erscheint und verschwindet, sobald die Menge einen von Ihnen festgelegten Schwellenwert über- oder unterschreitet; und weil es sich in die Produktanzeige einklinkt, statt Ihr Theme zu forken, übersteht es Theme-Wechsel und Upgrades, Installation und Konfiguration erfolgen im Backoffice, nicht über eine Entwicklerrechnung. Das ist der praktische Unterschied zwischen einem Badge-Programm, das in der Woche verfällt, in der Sie viel zu tun haben, und einem, das von selbst zuverlässig bleibt.

Styling und Platzierung. Wo sich die CSS-Klasse bezahlt macht

Welchen Weg Sie auch wählen: Das Markup landet im selben Container <ul class="product-flags">, und genau das sorgt für konsistentes Styling. Einige PrestaShop-spezifische Realitäten bei der Platzierung:

• Die Standardposition ist oben links, gestapelt. Das Standard-Theme positioniert .product-flags absolut über dem Bild. Wenn Sie weitere Flag-Typen hinzufügen, stapeln sie sich in derselben Ecke. Deshalb ist Zurückhaltung wichtiger, als es zunächst wirkt (mehr dazu im nächsten Abschnitt).
• Stylen Sie nach Flag-Typ, nicht von Hand. Da jedes Flag seinen Typ als Klasse trägt (.product-flag.new, .product-flag.discount, Ihr .product-flag.bestseller), definieren Sie die Farben einmal in CSS, und sie gelten überall, wo die Miniatur gerendert wird, Kategorieraster, Suchergebnisse, Startseiten-Blöcke, Cross-Selling-Zeilen. Übliche Zuordnungen, Rot für Rabatt, Grün für Neu, Gold für Bestseller, werden sofort verstanden, weil Kunden sie bereits erwarten.
• Legen Sie eigenes CSS an der richtigen Stelle ab. Das direkte Bearbeiten des Theme-Stylesheets wird bei einem Theme-Update überschrieben; eine kleine custom.css (oder das eigene Stylesheet Ihres Moduls) ist der upgrade-sichere Ort für Badge-Farben und Positionierung.
• Testen Sie bei 375px. Der Flag-Container schrumpft auf Mobilgeräten mit der Produktminiatur. Ein Badge aus zwei Wörtern, das auf dem Desktop sauber aussieht, kann im Smartphone-Raster zu einem unlesbaren Fleck werden, prüfen Sie den schmalen Breakpoint, bevor Sie live gehen.

Eine Regel ist wichtiger als jedes Styling: Zurückhaltung

Der schnellste Weg, Badges wirkungslos zu machen, besteht darin, einem Produkt fünf davon zu geben. „Neu + Im Angebot + Rabatt + Bestseller + Kostenloser Versand“ verwandelt eine saubere Produktminiatur in visuelles Rauschen, und wenn alles hervorgehoben ist, ist nichts mehr hervorgehoben. Zwei praktische Schutzmaßnahmen innerhalb von PrestaShop:

• Begrenzen Sie es auf ungefähr zwei Flags pro Miniatur. Wenn ein Produkt berechtigterweise für mehrere qualifiziert ist, legen Sie eine Prioritätsreihenfolge fest (ein aktiver Rabatt schlägt „Neu“ fast immer) und unterdrücken Sie den Rest. Regelbasierte Badge-Module lassen Sie diese Priorität einmal festlegen; bei nativen Flags steuern Sie es, indem Sie die manuellen Optionen nicht übermäßig aktivieren.
• Lassen Sie „Neu“ nicht zu lange stehen. Ein 90-Tage-Fenster für neue Produkte bedeutet, dass die Hälfte Ihres Katalogs dauerhaft „neu“ ist, und Kunden lernen dadurch, das Badge zu ignorieren. Halten Sie PS_NB_DAYS_NEW_PRODUCT kurz genug, damit „Neu“ noch etwas bedeutet.

Wo Badges in das größere Bild der Produktseite passen

Badges sind eine Signalisierungsebene auf der Produktminiatur. Am besten funktionieren sie, wenn die Seite, auf die sie führen, das Versprechen einlöst. Ein paar benachbarte Themen, die Sie eher miteinander verbinden sollten, statt sie hier zu wiederholen:

• „Bestseller“ ist ein Social-Proof-Versprechen, wenn Sie eine echte Zahl dahinterstellen möchten, macht ein Zähler für insgesamt verkaufte Produkte aus „beliebt“ ein „1.240 verkauft“.
• Das Badge holt den Klick; der Rest der Seite muss ihn abschließen. Beginnen Sie mit Best Practices für das Produktseitendesign und der Anatomie einer Produktseite.
• Zur strategischen Frage, ob sich diese Labels überhaupt lohnen und welche sich ihren Platz verdienen, lesen Sie den Begleitartikel Funktionieren Badges und Labels wirklich?.

Häufig gestellte Fragen

Mein „Neu“-Badge wird bei keinem Produkt angezeigt, woran liegt das?

Prüfen Sie zuerst PS_NB_DAYS_NEW_PRODUCT unter Shop-Einstellungen → Produkteinstellungen. Wenn der Wert 0 ist (häufig nach einer Migration oder weil ein früherer Betreiber ihn auf null gesetzt hat), wird nie etwas als neu gezählt, und das Flag wird nie gerendert. Setzen Sie ihn auf 20 oder 30. Wenn der Wert stimmt, das Badge aber trotzdem nicht erscheint, enthält Ihr Theme auf diesem Template möglicherweise nicht das Partial product-flags.tpl. Ein individuelles oder stark angepasstes Theme kann es entfernt haben.

Warum erscheint mein „Angebot“-Badge, obwohl sich der Preis nicht geändert hat?

Weil Sie das Kontrollkästchen Im Angebot aktiviert haben. Das ist ein reines Label und ändert nichts am Preis. Um den Preis tatsächlich zu senken und das Rabatt-Flag anzuzeigen, legen Sie beim Produkt einen Spezifischen Preis oder unter Katalog → Rabatte eine Katalogpreisregel an. Das Rabatt-Flag wird dann automatisch gerendert und zeigt die echte Reduzierung.

Kann ich ein „Bestseller“-Badge automatisch aus echten Verkäufen aktualisieren lassen?

Nicht mit nativen Flags. PrestaShop hat überhaupt kein Bestseller-Flag. Entweder pflegen Sie es von Hand (über ein Produktmerkmal, das Sie aktuell halten) oder Sie verwenden ein regelbasiertes Badge-Modul, das anhand von Verkaufsdaten neu berechnet, sodass das Badge dem folgt, was sich tatsächlich verkauft, statt einer Liste, deren Aktualisierung man leicht vergisst. Genau diese Lücke schließt unser Modul Custom Product Badges.

Überlebt mein individuelles Badge einen Theme- oder PrestaShop-Upgrade?

Das hängt davon ab, wie Sie es hinzugefügt haben. Ein Badge, das direkt in product-flags.tpl eingearbeitet wurde, lebt in Ihrem Theme und kann verloren gehen, wenn Sie das Theme wechseln oder ein Child-Theme neu aufbauen. Ein Badge, das über ein Modul hinzugefügt wird und sich in die Produktanzeige einklinkt, übersteht Upgrades, weil es nicht Teil der Theme-Dateien ist.

Wie viele Badges sollte ein Produkt tragen?

Ungefähr zwei, maximal. Wenn ein Produkt für mehrere qualifiziert ist, legen Sie eine Priorität fest, ein aktiver Rabatt schlägt „Neu“ fast immer, und unterdrücken Sie den Rest. Fünf Badges auf einer Produktminiatur wirken wie visuelles Rauschen, und wenn alles hervorgehoben ist, ist nichts mehr hervorgehoben.

Die Kurzfassung speziell für PrestaShop: „Neu“ ist ein kostenloser Gewinn, der an einer einzigen Tageszahl hängt (Standard 20, prüfen Sie, dass sie nicht auf 0 steht), „Angebot“ sind zwei Einstellungen hinter einem Wort (nutzen Sie die Preisreduzierung, nicht nur das Kontrollkästchen), und „Bestseller“ ist das eine Badge, das die Plattform Ihnen nicht liefert. Die eigentliche Entscheidung ist also nur, ob Sie es von Hand pflegen oder eine Regel dafür sorgen lassen, dass es ehrlich bleibt. Wenn diese drei Punkte stimmen, beginnt die Ecke jeder Produktminiatur schon nützliche Arbeit zu leisten, bevor ein Kunde auch nur eine Zeile Beschreibung liest.