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 aktivierst du das Badge

Pro Regel im Verwaltungs-Dashboard kannst du das Badge ein- oder ausschalten:

1. Öffne Cross-Selling Checkout → Regel → Reiter „Basis-Daten".

2. Schalte Badge bei Rabatt-Produkten anzeigen ein.

3. Speichere 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 legst du 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

Lässt du 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

Wechsle in der Detail-Seite oben rechts die Sprache, um einen abweichenden Text für eine andere Sprache zu hinterlegen. Lässt du 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.