Labelling AI images in PrestaShop

Add the script tag

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

Your changes belong in a child theme, so that updates of the parent theme do not overwrite them. PrestaShop registers external scripts in theme.yml under assets. According to the documentation, addresses outside the shop use server: remote; in theme.yml the loading key is attribute (singular):

assets:
  js:
    all:
      - id: ai-label-widget
        path: https://www.ai-label.app/widget.js
        server: remote
        attribute: defer
        priority: 200

In the child theme, keep the parent theme's assets as described in the child theme guide. In a module, the same entry uses registerJavascript() with the options 'server' => 'remote', 'position' => 'head' and 'attributes' => 'defer'. Then clear the cache and open a product page.

Mark images

The widget only labels images you have marked. Whether an image needs a label is your call, for example with the labelling check. Three ways, which can be combined:

• Attribute on the image: data-ai-label="generated" for images created entirely with AI, data-ai-label="modified" for photos changed with AI.
• File name with a marker before the extension: vase--ai.jpg or vase--ai-mod.jpg.
• Alt text ending in “(AI-generated)” or “(AI-modified)”. The addition also helps screen readers.

The simplest way in PrestaShop is the caption of the product image. In the product, you maintain a caption for each image. Many themes output it as alt text; then the suffix “(AI-generated)” or “(AI-modified)” at the end is enough. Whether your theme does this shows in the page source in the alt attribute.

Avoid the file name for product images: PrestaShop stores them under its own numbers, so the original name usually does not appear in the image address. For images in child theme templates, set the data-ai-label attribute directly.

Pitfalls

• Two spellings: theme.yml uses attribute, PHP uses attributes. A typo loads the script without defer.
• Cache and combined files: after editing theme.yml, the shop often still serves the old version. Clear the cache.
• Several languages: captions exist per language. Add the suffix in every shop language.
• Enlarged view: check that the label appears in the window with the large product image.

Limits of the widget

• The widget only reaches images as <img> on pages where the script runs. Background images from the stylesheet and images under 48 pixels (adjustable with data-min) get no label.
• Cart and checkout: check yourself whether the script runs there and the images are large enough.
• It cannot reach order confirmation emails. Where you show an image outside your website, use a copy with the label burned in from Label an AI image.
• Privacy: the script loads from ai-label.app, so our host sees the IP address as with any request. It sets no cookies. Mention it in your privacy policy.

Native app

A dedicated PrestaShop app is planned. There is no date yet. Until then, the widget works without installing anything in the system. If you like, we will write to you once at launch.

Not legal advice. This content explains the law based on primary sources; it does not replace an assessment of your individual case.