Rabatt Badges

Rabattierte Produkte können in der Storefront ein eigenes Badge tragen — ein farbiger Hinweis mit Rabatt-Prozentwert und Zusatztext. So fallen Aktionen sofort ins Auge.

Wo erscheint das Badge?

Das Badge wird überall dort angezeigt, wo das Produkt als rabattiert geführt wird:

Im Cross-Selling-Slider (Off-Canvas, Warenkorb, Checkout)
Auf der Produktdetailseite
In Kategorie-Listings
Auf Suchergebnisseiten und in Suchvorschlägen

So aktivieren Sie das Badge

Pro Regel im Verwaltungs-Dashboard können Sie das Badge ein- oder ausschalten:

Öffnen Sie Cross-Selling Checkout → Regel → Reiter „Basis-Daten".
Schalten Sie Badge bei Rabatt-Produkten anzeigen ein.
Speichern Sie die Regel.

Ist der Schalter aus, erhalten die rabattierten Produkte kein Badge — der Rabatt wird trotzdem im Warenkorb gewährt.

Badge gestalten

Im Reiter Badge legen Sie das Aussehen fest:

Feld	Beispiel
Badge-Text	`Bundle-Aktion`, `Top-Deal`, `Aktion`, `Sale`. Übersetzbar pro Sprache.
Badge-Text-Farbe	Hex-Code wie `#ffffff` (Weiß), `#ffe600` (Gelb), `#000000` (Schwarz).
Badge-Hintergrundfarbe	Hex-Code wie `#d9534f` (Rot), `#198754` (Grün), `#0d6efd` (Blau), `#fd7e14` (Orange).

Das Badge wird dann zusammengesetzt aus dem Rabatt-Prozentwert und dem Badge-Text. Beispiel: bei Rabatt = 15 und Badge-Text = Aktion erscheint:

−15 % Aktion

Lassen Sie Farben leer, werden die in der Konfiguration hinterlegten Standardfarben verwendet.

Praxisbeispiele

Aktion	Hintergrund	Textfarbe	Text
Black Friday	`#000000`	`#ffffff`	`Black Friday`
Sommer-Sale	`#fd7e14`	`#ffffff`	`Summer Sale`
Bundle-Rabatt	`#0d6efd`	`#ffffff`	`Bundle-Aktion`
Treuekund:innen-Aktion	`#198754`	`#ffffff`	`Treue-Aktion`
Lager-Räumung	`#d9534f`	`#ffffff`	`Räumung`

Mehrsprachige Badge-Texte

Wechseln Sie in der Detail-Seite oben rechts die Sprache, um einen abweichenden Text für eine andere Sprache zu hinterlegen. Lassen Sie einen Sprach-Eintrag leer, fällt das Badge automatisch auf den Text der Systemsprache zurück.

Hinweise

Wenn der Rabatt-Wert 0 % ist, erscheint kein Badge — eine Regel mit 0 % wirkt rein als „Produktempfehlungs"-Regel ohne Rabatt.
Pro Produkt wird ein Badge angezeigt. Liegt ein Produkt unter mehreren Regeln, gewinnt die Regel mit dem höchsten Rabatt.
Das Badge nutzt einfaches Inline-CSS und ist daher mit so gut wie jedem Storefront-Theme kompatibel.