Modulo Comparatore di Prodotti — Installazione e configurazione
Installazione, configurazione e funzionamento del modulo Comparatore di Prodotti.
Panoramica
Il modulo Comparatore di Prodotti (dfcomparator) aggiunge al tuo negozio PrestaShop un comparatore affiancato completo. I pulsanti «Confronta» compaiono automaticamente nella scheda prodotto e negli elenchi, e una pagina dedicata allinea i prodotti selezionati in colonne: prezzo, caratteristiche, disponibilità, ecc.
Il comparatore è scritto in JavaScript vanilla, senza jQuery né dipendenze esterne. Funziona fin dall’installazione, senza configurazione aggiuntiva.
Compatibilità
- PrestaShop 8.0 a 9.x
- Negozio singolo e multistore
- 5 lingue: FR, EN, ES, DE, IT
- Nessuna dipendenza (né Composer né framework)
Installazione
- Nel back-office, apri Moduli > Gestore moduli.
- Clicca su Carica un modulo e seleziona il file
dfcomparator.zip. - Una volta installato, clicca su Configura.
Il modulo registra automaticamente i suoi hook (actionFrontControllerSetMedia, displayProductAdditionalInfo, displayFooter) e crea la sua tabella di archiviazione all’installazione. La disinstallazione elimina questa tabella.
Configurazione
Generale
- Numero massimo di prodotti: da 2 a 6 colonne confrontabili (4 per impostazione predefinita).
- Etichetta del pulsante: testo mostrato sul pulsante «Confronta».
- Colore d’accento: colore dei pulsanti, badge ed elementi evidenziati.
- Apri in una nuova scheda: apre la pagina di confronto in una scheda separata.
Posizioni dei pulsanti
- Mostra nella scheda prodotto: aggiunge il pulsante nella scheda del prodotto.
- Mostra negli elenchi: aggiunge il pulsante sulle miniature degli elenchi (categorie, ricerca).
- Barra fluttuante: mostra la barra di confronto persistente con miniature e contatore.
Negli elenchi, i pulsanti vengono re-iniettati automaticamente dopo ogni filtraggio Ajax (navigazione a faccette, paginazione, ordinamento).
Pagina di confronto
- Evidenziazione del miglior prezzo: mette in evidenza la colonna con il prezzo più basso con un badge.
- Riga del prezzo: mostra o nasconde la riga del prezzo.
- Pulsante aggiungi al carrello: aggiunge un pulsante carrello in ogni colonna.
- Colonne fisse (sticky): fissa l’intestazione e la prima colonna durante lo scorrimento.
- Solo differenze per impostazione predefinita: attiva da subito l’occultamento delle righe identiche.
Righe confrontate
Ogni riga può essere attivata o disattivata individualmente: riferimento, marca, condizione, disponibilità, peso, dimensioni e descrizione breve. Le caratteristiche del prodotto («Features» di PrestaShop) vengono aggiunte automaticamente, una riga per caratteristica, nell’ordine definito nel catalogo. Una riga viene contrassegnata come «identica» quando il suo valore è lo stesso su tutti i prodotti confrontati.
Funzionamento e persistenza
La selezione viene conservata lato client tramite un token del browser (cookie dfcmp_token) affiancato da un mirror localStorage per un rendering istantaneo. Per un cliente connesso, le selezioni effettuate su più dispositivi vengono unite. Un URL condivisibile (tramite identificatori di prodotti, ?ids=...) permette di inviare o ritrovare un confronto.
Prestazioni
Il modulo carica i suoi script solo quando necessario ed effettua una chiamata Ajax solo in caso di un’azione (aggiunta, rimozione, apertura). Il rendering iniziale della barra si basa sulla cache locale, senza attendere il server.
FAQ e risoluzione dei problemi
Il pulsante «Confronta» non appare
Verifica che la visualizzazione nella scheda prodotto / negli elenchi sia attivata nella configurazione, poi svuota la cache di PrestaShop (Parametri avanzati > Prestazioni). Su un tema molto personalizzato, il pulsante degli elenchi viene inserito nella miniatura del prodotto: assicurati che il tema esponga l’identificatore del prodotto sulla miniatura.
La barra fluttuante rimane vuota
La barra appare solo quando è stato aggiunto almeno un prodotto al confronto. Verifica anche che l’opzione «Barra fluttuante» sia attivata.
Il miglior prezzo non viene evidenziato
Attiva le opzioni «Evidenziazione del miglior prezzo» e «Riga del prezzo». L’evidenziazione confronta i prezzi finali ivati mostrati dei prodotti.