PrestaShop Design e Navigazione

Immagine al Passaggio del Mouse e Badge Automatici PrestaShop

Hover + badge intelligenti nei tuoi elenchi

La seconda immagine al passaggio del mouse e i badge Novità, Offerta e Scorte in esaurimento che si attivano da soli, senza sovrascrivere il tema.

A colpo d'occhio
  • Mostra la seconda immagine del prodotto al passaggio del mouse su tutti gli elenchi (categoria, ricerca, home, novità, ribassi, produttore, fornitore).
  • Badge automatici Novità, Offerta e Scorte in esaurimento guidati da regole configurabili, senza lavoro manuale.
  • Zero sovrascrittura di template: rilevamento JavaScript delle miniature, compatibile con il tema classic e i temi figli.
  • Un'unica chiamata AJAX raggruppata per pagina e immagine hover caricata in lazy load al primo passaggio del mouse.
  • Etichette multilingua FR/EN/ES/DE/IT, colori e posizione dei badge completamente configurabili.
PrestaShop 8 & 9 Multi-negozio FR/EN/ES/DE/IT Indipendente dal tema Codice sorgente incluso
  • Rimborso 30 giorni
  • 12 mesi di aggiornamenti
  • Supporto 24h
www.datafirefly.com/it/
Seconda immagine al passaggio del mouse e badge automatici sulle miniature PrestaShop
v1.0.0 · aggiornato 2026-07-15
Cosa fa

L' versione breve.

01

Seconda immagine al passaggio del mouse

Il visitatore passa il mouse su una miniatura e scopre il secondo visual del prodotto (altra angolazione, indossato, un dettaglio). Effetto dissolvenza, dissolvenza + zoom o istantaneo, a scelta. I prodotti con una sola immagine vengono ignorati automaticamente.

02

Badge che si attivano da soli

Novità in base all'anzianità del prodotto, Offerta non appena è attivo un prezzo specifico (con visualizzazione opzionale della percentuale), Scorte in esaurimento sotto una soglia che imposti tu. Nessun inserimento dati prodotto per prodotto.

03

Pensato per le prestazioni

Un'unica richiesta AJAX raggruppata recupera i dati dell'intera pagina. L'immagine hover viene caricata solo al primo passaggio del mouse: nessuna banda sprecata al caricamento.

04

Senza toccare il tuo tema

Nessun file di template viene sovrascritto. Il modulo rileva le miniature in JavaScript e si riadatta automaticamente dopo la navigazione a faccette e la paginazione AJAX.

La versione lunga

Tutto quello che vorresti sapere prima di installare.

Uno sguardo dettagliato su come funziona Immagine al Passaggio del Mouse e Badge Automatici PrestaShop, perché l'abbiamo progettato così, e il ragionamento dietro le funzionalità qui sopra.

§ 01

Una scheda prodotto più viva già dall'elenco

In un negozio, la pagina di elenco è spesso il primo punto di contatto con il prodotto. Mostrando la seconda immagine al passaggio del mouse, riveli un'altra angolazione, un capo indossato o un dettaglio senza che il visitatore debba cliccare. Il risultato: pagine categoria più coinvolgenti e un percorso d'acquisto più fluido. L'effetto funziona su tutti gli elenchi del negozio: categoria, ricerca, home, novità, ribassi, pagine produttore e fornitore.

§ 02

Badge che si attivano da soli

Basta con le evidenziazioni da gestire prodotto per prodotto. Il modulo applica automaticamente un badge Novità in base all'anzianità del prodotto, un badge Offerta non appena è attivo un prezzo specifico — con la visualizzazione opzionale della percentuale di sconto — e un badge Scorte in esaurimento quando la quantità disponibile scende sotto la soglia che hai definito. Ogni badge può essere attivato in modo indipendente, con le proprie etichette multilingua, colore di sfondo e colore del testo.

§ 03

Pensato per le prestazioni

Il modulo non moltiplica le richieste: un'unica richiesta AJAX raggruppata recupera i dati di tutti i prodotti visibili nella pagina, a lotti. L'immagine hover viene scaricata solo al primo passaggio del mouse, il che evita di appesantire il caricamento iniziale della pagina. Su mobile touch, lo scambio dell'immagine al passaggio del mouse viene disattivato automaticamente.

§ 04

Compatibile senza toccare il tuo tema

Nessun file di template viene sovrascritto. Il modulo individua le miniature dei prodotti direttamente in JavaScript, il che lo rende compatibile sia con il tema classic sia con i temi figli. Si riadatta automaticamente quando l'elenco viene rigenerato dalla navigazione a faccette o dalla paginazione AJAX. L'installazione richiede pochi clic e tutta la configurazione si gestisce da una pagina di amministrazione chiara.