Vertrouwensblokken & Trustbadges — Complete handleiding

Presentatie

De module Vertrouwensblokken & Trustbadges (dftrustbuilder) laat u vertrouwensblokken aanmaken op basis van een bibliotheek van 18 ingebouwde SVG-iconen, ze via drag-and-drop op 6 zones van de frontoffice plaatsen en varianten per taal beheren. Compatibel met PrestaShop 8.0 tot 9.x, multistore en meertalig.

Installatie

1. Ga in de backoffice naar Modules > Modulebeheer > Een module uploaden.
2. Upload het bestand dftrustbuilder-1.0.0.zip en klik op Installeren.
3. Klik op Configureren om de weergave-instellingen en het blokkenbeheer te openen.

Er is geen themawijziging nodig: de module steunt op de standaardhooks van de frontoffice.

Weergave-instellingen

De configuratiepagina van de module bundelt de globale instellingen die op alle blokken worden toegepast:

• Stijl: minimaal (zonder kader), omkaderd (dunne rand), of kaart (witte achtergrond met slagschaduw).
• Kolommen: auto (adaptief volgens de beschikbare breedte), 2, 3, 4 of 6.
• Uitlijning: icoon links van de tekst, of gecentreerd met het icoon erboven.
• Icoongrootte: van 12 tot 128 pixels (standaard 32 px).
• Icoonkleur: laat leeg om de tekstkleur van het thema te erven.
• Eén kolom op mobiel: dwingt verticaal stapelen af op smalle schermen.

De blokken beheren

Klik op Vertrouwensblokken beheren vanaf de configuratiepagina om de blokkenlijst te openen.

Een blok aanmaken

1. Klik op Blok toevoegen.
2. Kies een icoon uit het raster: veilige betaling, bankkaart, bezorgwagen, 24-uursklok, pakket, retouren, garantie, made in EU, made in France, support, telefoon, chat, cadeau, beoordelingen, milieuvriendelijk, wereld, tevredenheid, promoties.
3. Selecteer de weergavehook (zie hieronder).
4. Vul de titel en de ondertitel in elke taal in.
5. Optioneel: voeg per taal een URL toe om het blok volledig klikbaar te maken, bijvoorbeeld naar uw CMS-pagina over levering.
6. Sla op. Het blok wordt op de laatste positie toegevoegd.

Beschikbare weergavezones

• Productvertrouwen (displayReassurance): onder de koopknop van de productpagina, de aanbevolen zone.
• Homepage (displayHome).
• Onder de header, volledige breedte (displayNavFullWidth).
• Boven de footer (displayFooterBefore): zichtbaar op de hele site.
• Aanvullende productinformatie (displayProductAdditionalInfo).
• Onderaan de winkelwagen (displayShoppingCartFooter).

Herordenen met drag-and-drop

Pak in de blokkenlijst de pijltjes in de kolom Positie vast en sleep de regel. De volgorde wordt automatisch opgeslagen.

Varianten per taal

Elk blok heeft een titel, een ondertitel en een link per taal. Twee gebruikswijzen:

• Vertaling: vul eenvoudig de teksten in in elk taaltabblad.
• Zichtbaarheid per taal: laat de titel leeg in een taal om het blok alleen voor die taal te verbergen. Voorbeeld: een badge “Fabriqué en France” met het zeshoekicoon alleen zichtbaar in het Frans, en een badge “Made in EU” voor de andere talen.

Multistore

In een multistore-context kan elk blok via het kader Winkelkoppeling van het formulier aan een of meer winkels worden gekoppeld. De weergave-instellingen (stijl, kolommen, kleuren) volgen de configuratiecontext van PrestaShop.

Probleemoplossing

• De blokken worden niet getoond: controleer of het blok actief is, of zijn hook overeenkomt met een zone die daadwerkelijk door uw thema wordt gerenderd, en of de titel is ingevuld in de bekeken taal.
• De vertrouwenszone verschijnt niet op de productpagina: sommige aangepaste thema’s roepen displayReassurance niet aan. Gebruik dan displayProductAdditionalInfo of displayFooterBefore.
• De iconen zijn onzichtbaar of hebben de verkeerde kleur: standaard erven ze de tekstkleur. Definieer een expliciete kleur in de configuratie als uw thema zeer lichte tekst gebruikt.
• De drag-and-drop werkt niet: controleer of de lijst is gesorteerd op de kolom Positie (standaardsortering).