PrestaShop Design e Navigazione

Vista Prodotto 360° PrestaShop — Visualizzatore Spin da Sequenza di Immagini

Vista prodotto 360° interattiva da una sequenza di immagini: rotazione con trascinamento mouse e tocco, riproduzione automatica, schermo intero e lazy loading.

Lascia che i tuoi clienti girino il prodotto a 360° completi: un visualizzatore spin fluido, costruito da una semplice sequenza di immagini, senza toccare il tuo tema.

A colpo d'occhio
  • Rotazione con trascinamento mouse e tocco con inerzia, costruita da una sequenza di immagini 360°
  • Riproduzione automatica, schermo intero, contatore di immagini e navigazione da tastiera
  • Lazy loading: i fotogrammi si caricano quando il visualizzatore entra nello schermo
  • Gestione dei fotogrammi con trascina e rilascia: caricamento multiplo, riordino, anteprima, ridimensionamento automatico
  • PrestaShop 8 & 9, nessun override, una sequenza per prodotto gestita per negozio, vanilla JS senza jQuery
PrestaShop 8 & 9 Trascina & tocco Autoplay Schermo intero Lazy loading
  • Rimborso 30 giorni
  • 12 mesi di aggiornamenti
  • Supporto 24h
www.datafirefly.com/it/
Visualizzatore 360° che ruota un prodotto su una scheda PrestaShop
v1.0.0 · aggiornato 2026-07-16
Cosa fa

L' versione breve.

01

Una rotazione che risponde al gesto

Il visualizzatore si basa sui Pointer Events: il visitatore trascina il prodotto con il mouse o con il dito per ruotarlo, con sensibilità regolabile e inerzia naturale al termine del gesto. La rotazione rimane fluida sia su mobile sia su desktop, senza dipendenza da jQuery né da alcuna libreria di terze parti.

02

Riproduzione automatica e schermo intero

La sequenza può avviarsi da sola in rotazione continua, a una velocità configurabile, con pulsante riproduci / pausa e contatore di immagini. La modalità a schermo intero ingrandisce il prodotto per un'ispezione dettagliata, e le frecce della tastiera e la barra spaziatrice controllano la rotazione. L'impostazione di riproduzione automatica può essere globale o sovrascritta sequenza per sequenza.

03

Gestione dei fotogrammi senza attriti

Nel back office, associ una sequenza a un prodotto tramite una ricerca istantanea, poi rilasci tutte le tue immagini in una volta nell'area di rilascio. Vengono ordinate per nome file, caricate a lotti con barra di avanzamento, riordinabili con trascina e rilascia ed eliminabili una a una. Un'anteprima riproduce la rotazione prima della pubblicazione.

04

Pensato per la velocità della scheda prodotto

Le immagini della sequenza vengono caricate solo quando il visualizzatore entra nell'area visibile, grazie a un osservatore di intersezione, con una barra di avanzamento durante il precaricamento. I fotogrammi troppo larghi vengono ridimensionati automaticamente all'importazione secondo una larghezza massima configurabile, per un peso controllato e una resa nitida.

La versione lunga

Tutto quello che vorresti sapere prima di installare.

Uno sguardo dettagliato su come funziona Vista Prodotto 360° PrestaShop — Visualizzatore Spin da Sequenza di Immagini, perché l'abbiamo progettato così, e il ragionamento dietro le funzionalità qui sopra.

§ 01

La vista 360° senza studio né formato proprietario

Non servono uno scanner 3D né un formato di file esotico: una vista 360° non è altro che una serie di foto scattate tutt'intorno al prodotto, di solito su un piatto rotante. Scatti 24, 36, 48 o 72 immagini equidistanti, con la stessa inquadratura e la stessa illuminazione, le nomini in ordine e il visualizzatore ricostruisce la rotazione. Il modulo si occupa di importazione, ordinamento, ridimensionamento e visualizzazione — tu mantieni il controllo sullo scatto.

§ 02

Un'interazione naturale su ogni schermo

Costruito sui Pointer Events, il visualizzatore tratta mouse e tocco allo stesso modo. Il visitatore afferra il prodotto e lo gira nella direzione che vuole; al termine del gesto, un'inerzia prolunga la rotazione e poi la rallenta progressivamente. La sensibilità si regola per adattarsi al numero di fotogrammi della tua sequenza. Da tastiera, le frecce avanzano fotogramma per fotogramma e la barra spaziatrice avvia o mette in pausa la riproduzione automatica.

§ 03

Veloce per impostazione predefinita, discreto per il tuo tema

Le immagini vengono scaricate solo quando il visualizzatore diventa visibile sullo schermo, il che evita di appesantire il caricamento iniziale della scheda prodotto. Una barra di avanzamento informa il visitatore durante il precaricamento, poi la rotazione diventa disponibile. All'importazione, ogni fotogramma più largo del limite definito viene ridimensionato lato server, per un peso controllato senza degradare la nitidezza. Il modulo non sovrascrive alcun template: si inserisce tramite un hook di visualizzazione che scegli tu.

§ 04

Un back office pensato per andare veloci

Dalla scheda dedicata del catalogo, crei una sequenza, trovi il prodotto tramite una ricerca istantanea per nome, riferimento o identificativo, poi rilasci tutte le tue immagini con un solo gesto. Vengono ordinate per nome file per rispettare l'ordine di scatto, caricate a lotti con una barra di avanzamento, quindi riordinabili con trascina e rilascia ed eliminabili una a una. Un pulsante di anteprima riproduce la rotazione direttamente nell'amministrazione prima che tu pubblichi.