KI-Bilder in OXID eShop kennzeichnen

Script-Tag einbinden

<script src="https://www.ai-label.app/widget.js" defer></script>

Die OXID-Entwicklerdokumentation zeigt, wie ein Modul einen Block des aktiven Themes erweitert. Beim APEX-Theme liegt die Erweiterung im Modul unter views/twig/extensions/themes/apex/, im selben Pfad wie die Originalvorlage. Sie erbt mit {% extends %} von der Vorlage und überschreibt einen Block mit demselben Namen:

{% extends 'layout/base.html.twig' %}
{% block BLOCKNAME %}
    {{ parent() }}
    <script src="https://www.ai-label.app/widget.js" defer></script>
{% endblock %}

Vorlage und Blockname sind Platzhalter. Wählen Sie einen Block, der auf jeder Seite im Kopf- oder Fußbereich ausgegeben wird; die Namen stehen in den Vorlagen des APEX-Themes auf GitHub. {{ parent() }} behält den ursprünglichen Inhalt. Aktivieren Sie das Modul danach neu.

Bilder markieren

Welche Bilder ein Label brauchen, entscheiden Sie, etwa mit dem Pflicht-Check. Das Widget kennzeichnet nur markierte Bilder, auf drei kombinierbaren Wegen:

• Attribut am Bild: data-ai-label="generated" für vollständig mit KI erzeugte Bilder, data-ai-label="modified" für mit KI veränderte Fotos.
• Dateiname mit Kennung vor der Endung: vase--ai.jpg oder vase--ai-mod.jpg.
• Alt-Text, der mit „(KI-generiert)“ oder „(Mit KI verändert)“ endet.

In OXID markieren Sie am einfachsten über den Dateinamen. Öffnen Sie im Adminbereich die Artikeldetails, Registerkarte Bilder, und benennen Sie die Datei vor dem Hochladen um, etwa in vase--ai.jpg. Das System erzeugt daraus Vorschaubild und Icon. Prüfen Sie im Seitenquelltext, ob --ai in der ausgelieferten Bildadresse steht.

Ob Sie einen eigenen Alt-Text für Artikelbilder pflegen können, hängt von Theme und Version ab. Wenn ja, geht auch der Zusatz am Ende. In eigenen Vorlagen setzen Sie das Attribut data-ai-label direkt.

OOXID Admin/ Artikel / Bilder

AI

kerze--ai.jpg

Bild hochladen

kerze--ai.jpgDurchsuchen

KI-generiert

Duftkerze im Glas24,90 €

Vase aus Steinzeug32,00 €

KI-generiert

Pilzleuchte59,00 €

Stolpersteine

• HTML-Sanitizer: OXID 7.5 bringt einen HTML-Sanitizer mit, standardmäßig abgeschaltet. Eingeschaltet entfernt er unter anderem <script> und Event-Handler. Ein Script-Tag in CMS-Inhalten ist deshalb nicht verlässlich.
• Theme-Update: Änderungen direkt in den Dateien des APEX-Themes gehen beim Update verloren, das Modul bleibt.
• Vergrößerte Ansicht: Prüfen Sie, ob das Label in der Zoom-Ansicht erscheint.

Grenzen des Widgets

• Das Widget erreicht nur <img>-Elemente auf Seiten mit dem Skript. Hintergrundbilder aus dem Stylesheet und Bilder unter 48 Pixeln (einstellbar mit data-min) bleiben ohne Label.
• Prüfen Sie, ob der gewählte Block in Warenkorb und Bestellabschluss ausgegeben wird.
• E-Mails wie Bestellbestätigungen erreicht es nicht. Für Bilder außerhalb der Website erzeugen Sie mit KI-Bild kennzeichnen eine Kopie mit eingebranntem Label.
• Datenschutz: Beim Laden von ai-label.app sieht unser Hoster wie bei jedem Abruf die IP-Adresse. Cookies setzt das Skript nicht. Erwähnen Sie die Einbindung in Ihrer Datenschutzerklärung.

Native App

Eine eigene App für OXID eShop ist geplant, einen Termin gibt es noch nicht.