# Vertrauenselemente & Trust Badges — Komplettanleitung

> Überblick Das Modul Vertrauenselemente & Trust Badges (dftrustbuilder) erstellt Vertrauensblöcke aus einer integrierten Bibliothek mit 18 SVG-Icons, positioniert sie per Drag & Drop in 6 Front-Office-Bereichen und verwaltet Varianten pro…

- Seite: <https://www.datafirefly.com/de/documentation/dftrustbuilder/>
- Sprache: de
- Aktualisiert am: 2026-07-16
- Weitere Sprachen: [fr](https://www.datafirefly.com/documentation/dftrustbuilder/index.md), [en](https://www.datafirefly.com/en/documentation/dftrustbuilder/index.md), [es](https://www.datafirefly.com/es/documentation/dftrustbuilder/index.md), [it](https://www.datafirefly.com/it/documentation/dftrustbuilder/index.md), [pl](https://www.datafirefly.com/pl/documentation/dftrustbuilder/index.md), [nl](https://www.datafirefly.com/nl/documentation/dftrustbuilder/index.md), [pt](https://www.datafirefly.com/pt/documentation/dftrustbuilder/index.md)
- Index: <https://www.datafirefly.com/de/documentation/llms.txt>

## Überblick

Das Modul Vertrauenselemente & Trust Badges (`dftrustbuilder`) erstellt Vertrauensblöcke aus einer integrierten Bibliothek mit 18 SVG-Icons, positioniert sie per Drag & Drop in 6 Front-Office-Bereichen und verwaltet Varianten pro Sprache. Kompatibel mit PrestaShop 8.0 bis 9.x, Multishop und mehrsprachig.

Bei der Installation werden 4 Beispielblöcke (sichere Zahlung, schneller Versand, einfache Rücksendung, made in EU) in 5 Sprachen im Vertrauensbereich der Produktseite angelegt. Ihr Shop ist sofort ausgestattet.

## Installation

1. Gehen Sie im Back Office zu **Module > Modul-Manager > Modul hochladen**.
2. Laden Sie die Datei `dftrustbuilder-1.0.0.zip` hoch und klicken Sie auf **Installieren**.
3. Klicken Sie auf **Konfigurieren**, um die Anzeigeeinstellungen und die Blockverwaltung zu öffnen.

Es ist keine Theme-Anpassung erforderlich: Das Modul nutzt die Standard-Hooks des Front-Office.

## Anzeigeeinstellungen

Die Konfigurationsseite des Moduls bündelt die globalen Einstellungen für alle Blöcke:

- **Stil**: minimal (ohne Rahmen), umrandet (dünner Rahmen) oder Karte (weißer Hintergrund mit weichem Schatten).
- **Spalten**: auto (passt sich der verfügbaren Breite an), 2, 3, 4 oder 6.
- **Ausrichtung**: Icon links vom Text oder zentriert mit dem Icon über dem Text.
- **Icon-Größe**: 12 bis 128 Pixel (Standard 32 px).
- **Icon-Farbe**: leer lassen, um die Textfarbe des Themes zu erben.
- **Eine Spalte auf Mobilgeräten**: erzwingt vertikales Stapeln auf schmalen Bildschirmen.

## Blöcke verwalten

Klicken Sie auf der Konfigurationsseite auf **Vertrauensblöcke verwalten**, um die Blockliste zu öffnen.

### Einen Block erstellen

1. Klicken Sie auf **Neuen Block hinzufügen**.
2. Wählen Sie ein Icon aus dem Raster: sichere Zahlung, Kreditkarte, Lieferwagen, 24h-Uhr, Paket, Rücksendungen, Garantie, made in EU, made in France, Support, Telefon, Chat, Geschenk, Bewertungen, umweltfreundlich, Weltkugel, Zufriedenheit, Aktionen.
3. Wählen Sie den **Anzeige-Hook** (siehe unten).
4. Tragen Sie Titel und Untertitel in jeder Sprache ein.
5. Optional: Hinterlegen Sie eine URL pro Sprache, um den gesamten Block klickbar zu machen, zum Beispiel zu Ihrer CMS-Seite Versand.
6. Speichern. Der Block wird an letzter Position eingefügt.

### Verfügbare Anzeigebereiche

- **Produktseite Vertrauensbereich** (displayReassurance): unter dem Kaufen-Button — der empfohlene Bereich.
- **Startseite** (displayHome).
- **Unter dem Header, volle Breite** (displayNavFullWidth).
- **Über dem Footer** (displayFooterBefore): auf der gesamten Website sichtbar.
- **Zusätzliche Produktinformationen** (displayProductAdditionalInfo).
- **Warenkorb-Fußbereich** (displayShoppingCartFooter).

### Sortieren per Drag & Drop

Greifen Sie in der Blockliste die Pfeile der Spalte **Position** und ziehen Sie die Zeile. Die Reihenfolge wird automatisch gespeichert.

Nutzen Sie den **Hook**-Filter oben in der Spalte, um nur die Blöcke eines Bereichs anzuzeigen und diesen Standort präzise zu sortieren.

## Varianten pro Sprache

Jeder Block trägt Titel, Untertitel und Link **pro Sprache**. Zwei Anwendungsfälle:

- **Übersetzung**: Tragen Sie die Texte einfach in jedem Sprachreiter ein.
- **Sichtbarkeit pro Sprache**: Lassen Sie den Titel in einer Sprache **leer**, um den Block nur für diese Sprache auszublenden. Beispiel: ein made-in-France-Badge mit dem Hexagon-Icon nur auf Französisch, und ein made-in-EU-Badge für die anderen Sprachen.

Der Titel ist nur in der Standardsprache des Shops erforderlich. Alle anderen Sprachen können leer bleiben.

## Multishop

Im Multishop-Kontext kann jeder Block über das Feld **Shop-Zuordnung** des Formulars einem oder mehreren Shops zugeordnet werden. Die Anzeigeeinstellungen (Stil, Spalten, Farben) folgen dem Konfigurationskontext von PrestaShop.

## Fehlerbehebung

- **Blöcke werden nicht angezeigt**: Prüfen Sie, ob der Block aktiv ist, ob sein Hook einem Bereich entspricht, den Ihr Theme tatsächlich rendert, und ob der Titel in der aufgerufenen Sprache ausgefüllt ist.
- **Der Vertrauensbereich erscheint nicht auf der Produktseite**: Manche individuellen Themes rufen displayReassurance nicht auf. Nutzen Sie dann displayProductAdditionalInfo oder displayFooterBefore.
- **Icons sind unsichtbar oder haben die falsche Farbe**: Standardmäßig erben sie die Textfarbe. Legen Sie in der Konfiguration eine explizite Farbe fest, wenn Ihr Theme sehr hellen Text verwendet.
- **Drag & Drop funktioniert nicht**: Stellen Sie sicher, dass die Liste nach der Spalte Position sortiert ist (Standardsortierung).