Erscheinungsbild
Plugin-Einstellungen
Die Plugin-Einstellungen erreichen Sie über Erweiterungen → Eigene Erweiterungen → Indigo7 AI Label → Konfigurieren. Die Optionen sind in drei Karten gegliedert.
Storefront / Kennzeichnung (pro Verkaufskanal)
Diese drei Optionen können pro Verkaufskanal überschrieben werden — wechseln Sie oben rechts auf den Sales-Channel-Schalter, um spezifische Einstellungen für einen Channel zu setzen.
| Option | Werte | Standard | Wirkung |
|---|---|---|---|
| Badge auf Bildern anzeigen | An / Aus | An | Schaltet das Badge auf allen Storefront-Surfaces (PDP, Listing, Cart, Search-Suggest) für den gewählten Channel ein bzw. aus. |
| Position des Badge | Oben links / Oben rechts / Unten links / Unten rechts | Unten rechts | Bestimmt die Ecke, in der das Badge im Bildwrapper erscheint. |
| Alt-Text-Suffix anhängen | An / Aus | An | Hängt „ (mit KI bearbeitet)" bzw. „ (mit KI erstellt)" automatisch an den Alt-Text. Verbessert maschinelle Lesbarkeit (Screenreader, Bilder-Suchmaschinen). |
Bulk-Editor (Administration) — global
Diese beiden Optionen gelten plugin-weit (kein Channel-Override).
| Option | Werte | Standard | Wirkung |
|---|---|---|---|
| Dateinamen im Bulk-Editor editierbar | An / Aus | Aus | Aktiviert die Bearbeitung der Dateinamen-Spalte. Standard aus — Umbenennen triggert Thumbnail-Rebuild (siehe Walkthrough). |
| Bilder pro Seite | 10 – 200 | 50 | Anzahl Medien-Zeilen pro Seite im Bulk-Editor. Empfohlen: 25–100 bei normaler Browser-Performance. |
Beispiel: B2C + B2B mit unterschiedlichen Badge-Positionen
Beispiel: ein Shop mit B2C- und B2B-Channel. Auf B2C soll das Badge prominent oben links erscheinen, auf B2B dezenter unten rechts.
- Plugin-Einstellungen öffnen, oben rechts auf „B2C-Storefront" wechseln.
- „Position des Badge" auf „Oben links", speichern.
- Oben rechts auf „B2B-Storefront" wechseln.
- „Position des Badge" auf „Unten rechts" (Standard) belassen.
Beide Channels haben jetzt ihre eigene Position. Der HTTP-Cache invalidiert automatisch beim Speichern — kein manueller bin/console cache:clear nötig.
Logging
Alle Status- und Label-Text-Änderungen werden in var/log/indigo7_ai_label_<env>-<YYYY-MM-DD>.log protokolliert. Aufbewahrungszeit: 14 Tage (rotierend).
Beispiel-Eintrag:
json
{
"message": "AI label change → cache invalidation",
"context": {
"action": "ai-label-written",
"field": "status",
"mediaIds": ["…"],
"productCount": 3
},
"level": 200,
"channel": "indigo7_ai_label",
"datetime": "2026-05-21T10:42:13+00:00"
}DSGVO-konform
Das Log enthält keine personenbezogenen Daten, Bild-Inhalte oder vollständigen Mediendaten — nur Media-UUIDs und Feld-Namen.
Badge-Styling
Über diese Karte ändern Sie das Aussehen des AI-Badges direkt aus dem Admin — kein Theme-SCSS-Eingriff nötig. Alle 7 Optionen sind pro Verkaufskanal überschreibbar.
| Option | Werte | Standard | Wirkung |
|---|---|---|---|
| Hintergrundfarbe | Color-Picker mit Alpha-Regler | rgba(0, 0, 0, 0.7) | Hintergrundfarbe inkl. Transparenz. |
| Textfarbe | Color-Picker mit Alpha-Regler | #ffffff | Schriftfarbe — Kontrast zur Hintergrundfarbe beachten (WCAG AA: ≥ 4.5:1). |
| Eckenradius | Pill / Abgerundet / Scharf | Pill | Pill = vollrund, Abgerundet = 6 px, Scharf = kantig. |
| Schriftgröße | XS / SM / MD / LG | SM | 10 / 12 / 14 / 16 px (rem-skaliert). |
| Innenabstand horizontal | Kompakt / Normal / Großzügig | Normal | Padding links/rechts. |
| Innenabstand vertikal | Kompakt / Normal / Großzügig | Normal | Padding oben/unten. |
| Größe des Compact-Chips (px) | 16 – 32 | 22 | Durchmesser des „AI"-Chips in Cart + Search-Suggest. |
Beispiel: Brand-Recolor
Ziel: dunkelblauer, halbtransparenter Badge mit hellgoldener Schrift, leicht abgerundete Ecken.
- Plugin-Einstellungen öffnen, gewünschten Verkaufskanal wählen.
- Hintergrundfarbe → Picker öffnen, Hex
#1a2a3aeingeben, Alpha-Regler auf 80 % → Wert istrgba(26, 42, 58, 0.8). - Textfarbe →
#ffeebb. - Eckenradius → Abgerundet.
- Speichern.
Der Storefront-Cache invalidiert automatisch; die Änderung ist auf allen Surfaces beim nächsten Page-Reload sichtbar.
Wenn die Optionen nicht ausreichen
Für hochgradig spezifische Anpassungen (Schatten, eigene Schriftart, Pixel-genaue Größen außerhalb der Presets) bleibt die CSS-Custom-Property-Override-Surface aus Theme-Integration erhalten.