KI-Bilder in JTL-Shop kennzeichnen

Script-Tag einbinden

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

Eigene Änderungen gehören in JTL-Shop in ein Child-Template, sonst überschreibt ein Update des NOVA-Templates sie. Die Entwicklerdokumentation empfiehlt die Vorlage NOVAChild vom JTL Build-Server. Entpacken Sie sie in den Ordner templates/ und tragen Sie in der template.xml den Ordnernamen und als Parent NOVA ein.

Weitere Skripte lädt die Dokumentation im Block layout-footer-js der footer.tpl. Legen Sie im Child-Template die Datei layout/footer.tpl an und hängen Sie das Script-Tag an den Block an:

{extends file="{$parent_template_path}/layout/footer.tpl"}
{block name='layout-footer-js' append}
    <script src="https://www.ai-label.app/widget.js" defer></script>
{/block}

Aktivieren Sie das Child-Template im Backend unter Einstellungen > Templates. Leeren Sie danach unter System > Cache die Option „Template“.

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 JTL markieren Sie über den Alt-Text als Attribut in JTL-Wawi. img_alt_1 setzt einen eigenen Alternativtext für das erste Artikelbild, img_alt_2 für das zweite. Attribute pflegen Sie in den Artikelstammdaten auf der Registerkarte Attribute/Merkmale. Übertragen Sie die Änderung danach in den Shop.

Das Funktionsattribut bildname legt Dateinamen für alle Bilder eines Artikels fest und passt deshalb nur, wenn alle seine Bilder KI-Bilder sind. Bilder auf Seiten aus dem OnPage Composer markieren Sie im Feld Alternativtext des Bild-Portlets.

JJTL-Wawi/ Artikel / Attribute/Merkmale

AI

kerze.jpg

AttributWertimg_alt_1Duftkerze im Glas (KI-generiert)

KI-generiert

Duftkerze im Glas24,90 €

Vase aus Steinzeug32,00 €

KI-generiert

Pilzleuchte59,00 €

Stolpersteine

• Funktionsattribute aktivieren: Funktionsattribute wie bildname müssen in JTL-Wawi erst für den Onlineshop aktiviert werden (Artikel > Attribute anlegen / bearbeiten).
• Bildposition: Die Ziffer in img_alt_1 bezieht sich auf die Reihenfolge der Bilder. Ändern Sie die Reihenfolge, prüfen Sie die Zuordnung.
• Lightbox: Prüfen Sie, ob das Label in der vergrößerten 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.
• Ob das Label in Warenkorb und Bestellabschluss erscheint, hängt davon ab, wie das Template die Bilder dort ausgibt und wie groß sie sind.
• 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 JTL-Shop ist geplant, einen Termin gibt es noch nicht.