Posizionamento nella Galleria Immagini
Mostra le miniature video accanto alle immagini del prodotto, permettendo ai clienti di guardare un video nello stesso modo in cui scorrono le foto del prodotto.
Disponibile dalla v3.0.0
Panoramica
Il Posizionamento nella Galleria Immagini inserisce ogni video del prodotto come miniatura direttamente all'interno della galleria immagini del prodotto — accanto alle foto regolari del prodotto. Facendo clic (o passando il mouse) su una miniatura video, l'immagine principale del prodotto viene sostituita da un player video incorporato. Quando il cliente fa clic su una miniatura di una foto normale, il player si chiude e l'immagine selezionata torna in primo piano.
Questo è il punto di integrazione più naturale per la maggior parte dei temi. I clienti non devono scorrere verso il basso né cercare una sezione separata — il video è direttamente nella striscia delle immagini. Combinato con l'opzione Video come Copertina, puoi far partire il video automaticamente nel momento in cui qualcuno apre la pagina del prodotto.
Tutte le impostazioni di questa sezione sono indipendenti dalle altre posizioni di visualizzazione (Pannello Laterale, Tab, Listati Prodotti). È possibile abilitare qualsiasi combinazione di posizionamenti contemporaneamente.
Configurazione
- Vai su Moduli > Gestione Moduli, trova Product Video e clicca su Configura.
- Apri la scheda Galleria Immagini.
Visualizzazione
| Impostazione | Valori | Predefinito | Descrizione |
|---|---|---|---|
| Mostra Video insieme alle immagini | Abilitato / Disabilitato | Abilitato | Interruttore principale per questo posizionamento. Se disabilitato, nessuna miniatura video appare nella galleria immagini, indipendentemente dalle altre impostazioni. |
| Visualizza su | Tutti i dispositivi / Solo desktop / Solo mobile e tablet | Tutti i dispositivi | Limita questo posizionamento a un tipo di dispositivo specifico. Utile se il tuo tema si comporta diversamente su mobile e la galleria si rompe su schermi piccoli. |
Video come Copertina
| Impostazione | Valori | Predefinito | Descrizione |
|---|---|---|---|
Usa il Video come immagine predefinita (Video come Copertina) (PV_DEFAULT) | Abilitato / Disabilitato | Abilitato | Attiva automaticamente il primo video al caricamento della pagina prodotto, sostituendo la foto principale del prodotto con il player video. Non è richiesta alcuna azione da parte del cliente. |
Imposta il video predefinito solo una volta (PV_DEFAULT_ONCE) | Abilitato / Disabilitato | Disabilitato | Quando abilitato, il video di copertina viene impostato solo al primo caricamento. La modifica di una combinazione o un aggiornamento della pagina non riavvia il video di copertina. Utile quando si vuole che la prima impressione sia il video, ma non si vuole che riparta ogni volta che il cliente cambia taglia o colore. |
Abilitare Video come Copertina insieme ad Autoplay (configurato per provider nelle sezioni YouTube, Vimeo o HTML5) crea una pagina prodotto in stile cinema: il video inizia a riprodursi automaticamente nel momento in cui la pagina si apre.
Posizione delle Miniature
| Impostazione | Valori | Predefinito | Descrizione |
|---|---|---|---|
Posizione delle miniature (PV_THUMB_POS) | Prima / Dopo / Personalizzata | Prima | Dove vengono inserite le miniature video nella striscia immagini. Prima le posiziona davanti a tutte le foto del prodotto; Dopo le aggiunge alla fine; Personalizzata consente di specificare un numero di posizione esatto. |
Posizione personalizzata delle miniature (PV_THUMB_POS_CUSTOM) | 1, 2, 3… | 1 | Visibile solo quando è selezionata l'opzione Personalizzata. 1 = primo slot, 2 = secondo slot, e così via. Se il prodotto ha meno immagini rispetto al numero inserito, il video viene posizionato per ultimo. |
Numero massimo di video da visualizzare (PV_LIMIT) | 0 (tutti), o un numero intero positivo | 0 | Limita il numero di miniature video nella galleria. Imposta 0 per mostrare tutti i video. Imposta 1 o 2 per evitare che la galleria risulti sovraffollata quando un prodotto ha molti video. |
Consenti ripetizione video (PV_IMG_REPEAT) | Abilitato / Disabilitato | Abilitato | Quando è attivo un limite di video, controlla se lo stesso URL video può apparire anche in altri posizionamenti (Pannello Laterale, Tab). Disabilitalo per assicurarti che lo stesso video non appaia mai in due posti nella stessa pagina. |
Aspetto delle Miniature
| Impostazione | Valori | Predefinito | Descrizione |
|---|---|---|---|
Dimensione personalizzata delle miniature (PV_CUST_THUMB_TYPE) | Qualsiasi tipo di immagine definito nel tuo tema (es. cart, small_default) | cart | Il preset di dimensione immagine usato dal modulo per i fotogrammi delle miniature video. Abbinalo a quello che il tuo tema usa per le miniature della galleria per garantire dimensioni uniformi. |
Usa JS per forzare la dimensione delle miniature (PV_FORCE_THUMB_SIZE) | Abilitato / Disabilitato | Disabilitato | Forza tutte le miniature video ad adattarsi alle esatte dimensioni in pixel delle miniature delle immagini adiacenti tramite JavaScript. Abilita questa opzione se le miniature video appaiono più grandi o più piccole delle miniature delle immagini del prodotto. |
Dimensione immagine del prodotto (PV_IMG_SIZE) | Qualsiasi tipo di immagine nel tuo tema, o vuoto per il valore predefinito del tema | Vuoto (predefinito del tema) | Il preset di dimensione immagine usato per l'area immagine principale del prodotto, dove il video sostituisce la copertina. Abbinalo alla dimensione dell'immagine principale del prodotto usata dal tuo tema. Lascia vuoto a meno che non si riscontrino problemi di dimensionamento. |
Attivazione delle Miniature
| Impostazione | Valori | Predefinito | Descrizione |
|---|---|---|---|
Comportamento miniature — Desktop (PV_DESKT_BV) | Passaggio del mouse / Clic | Passaggio del mouse (PS 1.7+), Clic (PS 1.6) | Se il video si carica quando il cliente passa il mouse sulla miniatura o solo quando ci clicca sopra. Imposta Passaggio del mouse se il tuo tema attiva le immagini del prodotto al passaggio del mouse; imposta Clic se il tuo tema richiede un clic. |
Comportamento miniature — Mobile / Tablet (PV_MOBILE_BV) | Passaggio del mouse / Clic | Clic | Come sopra, ma per i touch screen. Sui dispositivi touch, gli eventi hover non sono affidabili, quindi Clic è quasi sempre la scelta corretta. |
Come Funziona
Quando un cliente apre una pagina prodotto:
- Il modulo inserisce le miniature video nella striscia della galleria accanto alle foto esistenti del prodotto.
- Ogni miniatura mostra un fotogramma fisso estratto da YouTube o Vimeo (o una miniatura personalizzata per i video HTML5) con un'icona di riproduzione sovrapposta.
- Quando il cliente passa il mouse o fa clic su una miniatura video — a seconda dell'impostazione del Comportamento miniature — l'immagine principale del prodotto viene sostituita da un player video incorporato.
- Se Video come Copertina è abilitato, il primo video si carica automaticamente senza alcuna interazione.
- Quando il cliente fa clic su una miniatura immagine diversa, il player viene rimosso e l'immagine selezionata viene visualizzata normalmente.
Il flusso della galleria è identico a quello del passaggio tra le foto del prodotto — il video è semplicemente un'altra miniatura nella striscia.
Modifiche alle Combinazioni
Quando un cliente cambia una combinazione di prodotto (ad esempio, selezionando un colore o una taglia diversa), PrestaShop ricarica la galleria immagini tramite AJAX. Il modulo rileva questo aggiornamento e reinserisce le miniature video corrette per la combinazione appena selezionata. Se i video sono assegnati per combinazione, appaiono solo i video per quella combinazione.
Se le miniature video scompaiono dopo che un cliente cambia una combinazione, aumenta il Ritardo di aggiornamento AJAX / cambio combinazione nella sezione Compatibilità con il tema della configurazione del modulo.
Video come Copertina con le Combinazioni
Se Video come Copertina è abilitato e Imposta il video predefinito solo una volta è disabilitato, il primo video per la combinazione appena selezionata si attiva automaticamente dopo ogni cambio di combinazione. Abilita Imposta il video predefinito solo una volta per evitare questo riavvio automatico quando si vuole che il video venga riprodotto solo al caricamento iniziale della pagina.
Esempi d'Uso
Esempio: Pagina prodotto che inizia con il video
Vendi un elettrodomestico da cucina e vuoi che il video dimostrativo sia la prima cosa che i clienti vedono. Abilita Video come Copertina e imposta Autoplay su attivo nelle impostazioni YouTube. Il video inizia a riprodursi in silenzio (o con audio, a seconda delle impostazioni di autoplay) nel momento in cui la pagina si carica — nessuno scroll, nessun clic necessario.
Esempio: Più video senza sovraccaricare la galleria
Un prodotto ha cinque video (unboxing, tutorial, tre varianti di colore). Imposta Numero massimo di video da visualizzare su 2 in modo che solo i due video più importanti appaiano nella galleria. I restanti tre sono comunque accessibili tramite il posizionamento nel Pannello Laterale o nei Tab, se abilitati.
Esempio: Galleria solo a clic per abbinarsi a un tema boutique
Il tuo tema attiva le immagini del prodotto solo al clic (comune nei temi fashion e luxury). Imposta Comportamento miniature — Desktop su Clic sulla miniatura. Le miniature video si comportano quindi esattamente come le miniature delle immagini normali, mantenendo l'esperienza uniforme.
Note Importanti
- Multi-negozio: tutte le impostazioni della Galleria Immagini sono per negozio. Configura ogni negozio separatamente tramite il selettore di negozio nell'intestazione del Back Office prima di aprire la configurazione del modulo.
- La posizione Personalizzata delle miniature si basa sul fatto che il markup della galleria corrisponda a quello atteso dal modulo. Se il tuo tema utilizza una struttura di galleria non standard, Prima o Dopo sono scelte più affidabili.
- La funzionalità Video come Copertina richiede che l'area immagine principale del tuo tema sia identificabile tramite i selettori CSS impostati in Compatibilità con il tema. Se il video di copertina non si carica automaticamente, verifica prima quei selettori.
- I preset di dimensione immagine (es.
cart,small_default) sono definiti da PrestaShop e dal tuo tema. Puoi vedere le dimensioni disponibili in Design > Impostazioni immagini nel Back Office. - Su PS 1.6, Comportamento miniature — Desktop è impostato su Clic per impostazione predefinita, poiché gli script della galleria di PS 1.6 gestiscono diversamente gli eventi del mouse.
Risoluzione dei Problemi
| Problema | Soluzione |
|---|---|
| La miniatura video appare molto più grande o più piccola delle foto del prodotto | Cambia Dimensione personalizzata delle miniature con il tipo di immagine che il tuo tema usa effettivamente per le miniature della galleria (spesso small_default nei temi PS 1.7+). Abilita Usa JS per forzare la dimensione delle miniature come soluzione alternativa. |
| Il video non si carica automaticamente all'apertura della pagina | Verifica che Usa il Video come immagine predefinita sia abilitato. Poi controlla Compatibilità con il tema per confermare che il selettore CSS per il contenitore dell'immagine principale del prodotto sia corretto. |
| Il video riparte ogni volta che il cliente cambia una combinazione | Abilita Imposta il video predefinito solo una volta per evitare che il video di copertina si riattivi ad ogni cambio di combinazione. |
| La miniatura video appare nello slot sbagliato | Imposta Posizione delle miniature su Personalizzata e inserisci il numero di slot esatto. Se la posizione è ancora errata, il tuo tema potrebbe non supportare il posizionamento personalizzato — passa a Prima o Dopo. |
| Troppe miniature nella galleria | Imposta Numero massimo di video da visualizzare su 1 o 2 per limitare quante ne appaiono. |
| Il video scompare dopo un cambio di combinazione | Aumenta il Ritardo di aggiornamento AJAX / cambio combinazione nella sezione Compatibilità con il tema in modo che il modulo aspetti più a lungo prima di reinserire le miniature dopo il ricaricamento della galleria. |
| Lo stesso video appare sia nella galleria che nel pannello laterale | Disabilita Consenti ripetizione video per evitare che lo stesso URL appaia in più posizionamenti contemporaneamente. |
Domande Frequenti
Se abilito Video come Copertina, il video verrà riprodotto automaticamente per ogni visitatore, anche su mobile?
Video come Copertina carica il player e attiva il primo video, ma se il video si riproduce davvero in autoplay (parte senza un clic) dipende dall'impostazione Autoplay nelle sezioni YouTube, Vimeo o HTML5 — e dal browser del visitatore. La maggior parte dei browser blocca l'autoplay con audio su mobile; l'autoplay con audio disattivato di solito funziona.
Posso mostrare una miniatura video diversa a seconda della combinazione di prodotto selezionata?
Sì. Assegna i video a combinazioni specifiche nella pagina di modifica del prodotto. Quando un cliente seleziona quella combinazione, il modulo sostituisce i video con quelli assegnati ad essa. La miniatura della galleria per la combinazione precedente viene rimossa e appare quella nuova.
Impostare un limite di video qui limiterà anche i video mostrati nel Pannello Laterale o nei Tab?
No. Il limite del Numero massimo di video da visualizzare si applica solo al posizionamento nella Galleria Immagini. Il Pannello Laterale e i Tab hanno le proprie impostazioni di visualizzazione. Il toggle Consenti ripetizione video controlla se lo stesso URL video può apparire in più posizionamenti, non quanti video mostra ogni posizionamento.
Cosa succede se imposto la Posizione personalizzata delle miniature su 3 ma il prodotto ha solo un'immagine?
La miniatura video viene posizionata alla fine della galleria (dopo l'unica immagine del prodotto), poiché non ci sono abbastanza immagini per raggiungere la posizione 3.
Questo posizionamento funziona nelle pagine di listato prodotti (pagine categoria)?
No. Il posizionamento nella Galleria Immagini è solo per la pagina di dettaglio del prodotto. Per le pagine categoria, utilizza la funzionalità separata Listati Prodotti.
Il mio tema mostra le miniature sotto l'immagine principale. I video appariranno lì o altrove?
Il modulo inietta le miniature nel contenitore di miniature che il tuo tema utilizza. Se i video appaiono nella posizione sbagliata, regola il selettore del contenitore miniature nella sezione Compatibilità con il tema in modo che il modulo punti all'elemento corretto.
Funzionalità Correlate
- Pannello Laterale — Visualizza i video in una colonna accanto alla descrizione del prodotto invece che nella galleria immagini
- Tab e Descrizione — Mostra un player video a schermo intero sotto i dettagli del prodotto in un tab dedicato
- Listati Prodotti — Aggiungi icone video o player inline alle pagine categoria e ai risultati di ricerca
- Compatibilità con il tema — Configura i selettori CSS per il contenitore dell'immagine, il contenitore delle miniature e il ritardo per il cambio combinazione