Blocchi di Rassicurazione e Trust Badge — Guida completa

Panoramica

Il modulo Blocchi di Rassicurazione e Trust Badge (dftrustbuilder) permette di creare blocchi di rassicurazione da una libreria integrata di 18 icone SVG, di posizionarli su 6 zone del front-office con il drag and drop e di gestire varianti per lingua. Compatibile con PrestaShop da 8.0 a 9.x, multinegozio e multilingua.

Installazione

1. Nel back office, andate su Moduli > Gestore moduli > Carica un modulo.
2. Caricate il file dftrustbuilder-1.0.0.zip e fate clic su Installa.
3. Fate clic su Configura per accedere alle impostazioni di visualizzazione e alla gestione dei blocchi.

Non è necessaria alcuna modifica al tema: il modulo si appoggia agli hook standard del front-office.

Impostazioni di visualizzazione

La pagina di configurazione del modulo raccoglie le impostazioni globali applicate a tutti i blocchi:

• Stile: minimal (senza cornice), bordato (bordo sottile) o card (sfondo bianco con ombra morbida).
• Colonne: auto (si adatta alla larghezza disponibile), 2, 3, 4 o 6.
• Allineamento: icona a sinistra del testo, o centrato con l’icona sopra il testo.
• Dimensione delle icone: da 12 a 128 pixel (32 px per impostazione predefinita).
• Colore delle icone: lasciate vuoto per ereditare il colore del testo del tema.
• Una colonna su mobile: forza l’impilamento verticale sugli schermi stretti.

Gestire i blocchi

Fate clic su Gestisci blocchi di rassicurazione dalla pagina di configurazione per aprire la lista dei blocchi.

Creare un blocco

1. Fate clic su Aggiungi blocco.
2. Scegliete un’icona dalla griglia: pagamento sicuro, carta di credito, camion di consegna, orologio 24 ore, pacco, resi, garanzia, made in EU, made in France, assistenza, telefono, chat, regalo, recensioni, eco-sostenibile, mondo, soddisfazione, promozioni.
3. Selezionate l’hook di visualizzazione (vedi sotto).
4. Compilate titolo e sottotitolo in ogni lingua.
5. Facoltativo: aggiungete un URL per lingua per rendere l’intero blocco cliccabile, ad esempio verso la vostra pagina CMS delle spedizioni.
6. Salvate. Il blocco viene aggiunto in ultima posizione.

Zone di visualizzazione disponibili

• Rassicurazione prodotto (displayReassurance): sotto il pulsante di acquisto della scheda prodotto — la zona consigliata.
• Homepage (displayHome).
• Sotto l’header, larghezza piena (displayNavFullWidth).
• Sopra il footer (displayFooterBefore): visibile su tutto il sito.
• Informazioni aggiuntive prodotto (displayProductAdditionalInfo).
• Fondo del carrello (displayShoppingCartFooter).

Riordinare con il drag and drop

Nella lista dei blocchi, afferrate le frecce della colonna Posizione e trascinate la riga. L’ordine viene salvato automaticamente.

Varianti per lingua

Ogni blocco ha un titolo, un sottotitolo e un link per lingua. Due usi:

• Traduzione: compilate semplicemente i testi in ogni scheda di lingua.
• Visibilità per lingua: lasciate il titolo vuoto in una lingua per nascondere il blocco solo in quella lingua. Esempio: un badge made in France con l’icona dell’esagono visibile solo in francese, e un badge made in EU per le altre lingue.

Multinegozio

In un contesto multinegozio, ogni blocco può essere associato a uno o più negozi tramite il riquadro Associazione negozio del modulo. Le impostazioni di visualizzazione (stile, colonne, colori) seguono il contesto di configurazione di PrestaShop.

Risoluzione dei problemi

• I blocchi non vengono visualizzati: verificate che il blocco sia attivo, che il suo hook corrisponda a una zona realmente renderizzata dal vostro tema e che il titolo sia compilato nella lingua consultata.
• La zona di rassicurazione non appare sulla scheda prodotto: alcuni temi personalizzati non chiamano displayReassurance. Usate allora displayProductAdditionalInfo o displayFooterBefore.
• Le icone sono invisibili o del colore sbagliato: per impostazione predefinita ereditano il colore del testo. Definite un colore esplicito nella configurazione se il vostro tema usa un testo molto chiaro.
• Il drag and drop non funziona: assicuratevi che la lista sia ordinata per la colonna Posizione (ordinamento predefinito).