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 Sprache. Kompatibel mit PrestaShop 8.0 bis 9.x, Multishop und mehrsprachig.

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.

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.

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).