Passa al contenuto principale

Schede e Posizionamento Descrizione

Aggiunge una sezione video dedicata nella parte inferiore della pagina prodotto — all'interno della barra delle schede, nell'area footer del prodotto, o in una posizione personalizzata nel tema — con un player incorporato completo o un elenco di miniature cliccabili.

note

Disponibile dalla v3.0.0

Panoramica​

Questo posizionamento è pensato per video più lunghi e dimostrazioni dettagliate del prodotto, dove si desidera separare i contenuti video dalla galleria e dall'area di aggiunta al carrello. Invece di competere per l'attenzione vicino alle immagini del prodotto, i video appaiono più in basso nella pagina, dove i clienti interessati ad approfondire scorreggeranno naturalmente.

Sono disponibili tre opzioni di posizione: all'interno della barra delle schede prodotto (accanto a Descrizione, Dettagli e altre schede native), nell'area footer del prodotto appena sotto il blocco schede, oppure tramite un hook personalizzato che può essere inserito in qualsiasi punto del template del tema. Per ciascuna posizione è possibile scegliere tra un player incorporato completo e una griglia di miniature che apre un lightbox pop-up.

La sezione viene visualizzata solo per i prodotti a cui sono stati assegnati video. I prodotti senza video non mostrano alcuna scheda, blocco footer o output dell'hook, quindi non comparirà mai una scheda "Video" vuota.

Configurazione​

Vai su Moduli > Gestione moduli > Product Video > Configura, quindi apri la sezione Schede & Descrizione.

Abilitazione​

CampoValoriPredefinitoDescrizione
Abilita / disabilita questa funzioneSì / NoNoInterruttore principale. Attivalo per abilitare il posizionamento Schede & Descrizione.
Mostra suTutti i dispositivi / Solo desktop / Solo mobile e tabletTutti i dispositiviLimita questo posizionamento a specifici tipi di dispositivo. Usalo se un altro posizionamento copre già i dispositivi mobili e vuoi la scheda solo su desktop, o viceversa.

Posizione e Stile​

CampoValoriPredefinitoDescrizione
PosizioneSchede prodotto / Footer prodotto / Hook DisplayProductVideosContentFooter prodottoDove appare la sezione video nella pagina prodotto. Vedi "Come Funziona" di seguito per i dettagli su ciascuna opzione.
VisualizzazionePlayer con video in basso / Elenco miniature con pop-up al clicPlayer con video in bassoCome vengono presentati i video. Il player viene incorporato direttamente nella pagina; l'elenco miniature mostra una griglia cliccabile che apre ogni video in un lightbox pop-up.

Dimensioni del Player​

Questi due campi vengono ignorati quando Rendi il video responsive è abilitato.

CampoValoriPredefinitoDescrizione
Larghezza videoNumero (pixel, senza suffisso px)720Larghezza del player incorporato.
Altezza videoNumero (pixel, senza suffisso px)520Altezza del player incorporato.
Rendi il video responsiveSì / NoSìAdatta il player alla larghezza del contenitore mantenendo le proporzioni. Consigliato per i temi responsive moderni.

Griglia Miniature​

Questa impostazione si applica solo quando Visualizzazione è impostata su "Elenco miniature con pop-up al clic".

CampoValoriPredefinitoDescrizione
Numero di video per riga4 / 5 / 6 / 7 / 86Numero di colonne di miniature nella griglia.

Salva le modifiche dopo aver regolato qualsiasi impostazione. L'anteprima nel front office si aggiorna immediatamente dopo aver svuotato l'eventuale cache Smarty del tema.

Come Funziona​

Posizione Schede prodotto​

Selezionando Schede prodotto, il modulo si aggancia a displayProductTab e displayProductTabContent (PS 1.6) o displayProductExtraContent (PS 1.7+) per aggiungere una scheda "Video" accanto alle schede prodotto native. Su PrestaShop 1.7 e versioni successive, il titolo della scheda viene impostato automaticamente su "Video" tramite l'API ProductExtraContent, garantendo un'integrazione pulita con l'ordinamento delle schede e lo stile CSS gestito dal tema.

La scheda appare solo quando almeno un video è assegnato al prodotto. Se il prodotto non ha video, la scheda non viene visualizzata — i clienti non vedranno mai una scheda Video vuota.

La posizione Schede prodotto richiede che il tema chiami gli hook pertinenti nel suo template prodotto. Il tema Classic predefinito (PS 1.7+) e la maggior parte dei temi commerciali lo supportano. Se la scheda non appare dopo l'attivazione, il tema probabilmente non implementa questi hook — passa a Footer prodotto.

Selezionando Footer prodotto, il modulo utilizza displayFooterProduct. La sezione video viene visualizzata sotto tutte le schede e il contenuto della descrizione, prima del footer della pagina. Questa opzione funziona con praticamente tutti i temi PrestaShop perché displayFooterProduct è un hook standard presente dalla PS 1.6.

Su PS 1.6, l'alias hookProductFooter è anch'esso registrato, quindi entrambe le convenzioni di denominazione sono coperte automaticamente.

Hook DisplayProductVideosContent (posizione personalizzata)​

Selezionando l'opzione Hook DisplayProductVideosContent, il modulo risponde all'hook personalizzato displayProductVideosContent ma non produce output finché non si aggiunge manualmente la chiamata all'hook nel template del tema. Questo offre il pieno controllo sulla posizione esatta della sezione video nella pagina prodotto.

Per attivarlo, apri il file product.tpl del tema (o il file equivalente) e aggiungi questa riga nella posizione desiderata:

{hook h='displayProductVideosContent' product=$product}

Questa è l'unica opzione di posizione che richiede una modifica manuale al template. Le altre due opzioni funzionano senza modificare i file del tema.

Dimensioni responsive vs fisse​

Con Rendi il video responsive abilitato (impostazione predefinita), il player si espande per riempire il 100% della larghezza del contenitore e adatta l'altezza proporzionalmente. I valori di Larghezza video e Altezza video vengono completamente ignorati in questa modalità.

Con Rendi il video responsive disabilitato, il player viene visualizzato esattamente con le dimensioni in pixel specificate. Usa questa opzione quando il layout ha un contenitore a larghezza fissa e hai bisogno che il player corrisponda a dimensioni precise — ad esempio, per allinearlo a una barra laterale o a una colonna specifica della griglia.

Filtro per dispositivo​

L'impostazione Mostra su viene valutata lato server tramite il rilevamento mobile di PrestaShop. Impostandola su "Solo desktop" la sezione viene nascosta completamente su telefoni e tablet; "Solo mobile e tablet" la nasconde sui browser desktop. Usa questa opzione per evitare di duplicare i contenuti video quando hai già abilitato un altro posizionamento (come il pannello laterale) per una classe di dispositivi.

Esempi d'Uso​

Esempio: Aggiungere una scheda Video accanto a Descrizione e Dettagli

Vendi obiettivi fotografici. Ogni obiettivo ha un video di recensione di 3 minuti. Abilita questa funzione, imposta Posizione su "Schede prodotto", lascia Visualizzazione su "Player con video in basso" e abilita Rendi il video responsive. I clienti vedranno una scheda "Video" accanto a "Descrizione" e potranno guardarla senza lasciare la pagina.

Esempio: Griglia di miniature nel footer per un prodotto con molti video

Vendi corsi online e ogni prodotto ha 6 miniature di clip di anteprima. Imposta Posizione su "Footer prodotto", Visualizzazione su "Elenco miniature con pop-up al clic" e Numero di video per riga su 6. Tutte e sei le miniature appaiono in una singola riga sotto la descrizione. I clienti cliccano su qualsiasi miniatura per aprire il clip in un lightbox.

Esempio: Player a dimensioni fisse in un layout a colonna stretta

Il tema ha un layout a due colonne nella pagina prodotto e la colonna destra è larga 480 px. Imposta Posizione su "Footer prodotto", disabilita Rendi il video responsive, e imposta Larghezza video su 460 e Altezza video su 260. Il player si adatta perfettamente alla colonna senza overflow.

Note Importanti​

  • Su PrestaShop 1.6, l'opzione "Schede prodotto" utilizza displayProductTab / displayProductTabContent. Su PS 1.7+, utilizza displayProductExtraContent. Entrambi vengono gestiti automaticamente — non è necessario modificare nulla durante un aggiornamento.
  • La nota sull'opzione responsive nel Back Office recita "Funziona solo per TAB e Opzioni Descrizione Prodotto" — questo significa che si applica solo al posizionamento Schede & Descrizione e non influisce sui posizionamenti Galleria Immagini o Pannello Laterale.
  • Questo posizionamento è compatibile con il multi-negozio. Le impostazioni vengono salvate per contesto di negozio, quindi è possibile abilitarlo su un negozio e disabilitarlo su un altro.
  • Se il filtro per dispositivo Mostra su è attivo e stai eseguendo test in un browser desktop, passa temporaneamente a "Tutti i dispositivi" per verificare che la sezione venga visualizzata correttamente prima di riapplicare il filtro.
  • Le chiavi di configurazione PV_VIDEOW e PV_VIDEOH sono utilizzate anche dalla funzione carosello AMP quando il supporto AMP è abilitato. Modificarle qui influisce su entrambe.

Risoluzione dei Problemi​

ProblemaSoluzione
La scheda Video non appare maiVerifica che il tema chiami {hook h='displayProductTab'} e {hook h='displayProductTabContent'} nel suo template prodotto. In caso contrario, cambia Posizione in "Footer prodotto".
La scheda appare su PS 1.7 ma è vuotaVerifica che almeno un video sia assegnato al prodotto nella pagina di modifica del prodotto. L'hook restituisce output vuoto per prodotti senza video, ma la struttura della scheda potrebbe comunque essere visualizzata a seconda del tema.
Il player è troppo largo e va in overflowAbilita Rendi il video responsive per adattare il player al contenitore, oppure riduci la Larghezza video per adattarla al layout.
Le dimensioni del player sembrano non avere effettoRendi il video responsive è probabilmente abilitato. Disabilitalo per utilizzare i valori fissi di larghezza e altezza.
L'opzione hook personalizzato non mostra nullaÈ necessario aggiungere manualmente {hook h='displayProductVideosContent' product=$product} al file product.tpl del tema. L'hook produce output solo dopo aver aggiunto questa riga.
I video appaiono su mobile quando è impostato Solo desktopSvuota la cache dei template Smarty del tema. Il rilevamento del dispositivo avviene lato server, ma i template in cache potrebbero servire output non aggiornato.

Domande Frequenti​

Apparirà una scheda Video per prodotti che non hanno video?

No. La scheda e il blocco footer vengono visualizzati solo quando al prodotto è assegnato almeno un video. I prodotti senza video non producono alcun output da questo posizionamento.

Qual è la differenza tra "Player con video in basso" e "Elenco miniature con pop-up al clic"?

L'opzione player incorpora un player video completo direttamente nella pagina, consentendo ai clienti di guardare senza ulteriori clic. L'elenco miniature mostra una griglia di miniature video; i clienti cliccano su una miniatura per aprire il video in un lightbox pop-up. Usa il player quando hai un video principale per prodotto, e l'elenco miniature quando i prodotti hanno più video da sfogliare.

Il mio tema usa un page builder e l'hook per le schede prodotto non è disponibile. Cosa devo fare?

Seleziona l'opzione Hook DisplayProductVideosContent e aggiungi {hook h='displayProductVideosContent' product=$product} al layout della pagina prodotto nell'editor template del page builder. Se il page builder non supporta l'inserimento di hook, usa Footer prodotto — funziona con quasi tutti i temi e builder.

Abilitare questo posizionamento rallenta le pagine prodotto?

Il modulo carica i dati video e produce output solo nelle pagine prodotto dove questo posizionamento è attivo. Per i prodotti senza video, l'hook restituisce immediatamente una stringa vuota, quindi non vi è overhead di query per i prodotti senza video.

Posso mostrare la scheda su desktop e il footer su mobile contemporaneamente?

Non con una singola istanza di questo posizionamento. Per ottenere posizioni specifiche per dispositivo, imposta questo posizionamento per una posizione e usa il Pannello Laterale o un altro posizionamento per l'altra classe di dispositivi, controllando ciascuno con il filtro Mostra su.

L'impostazione "Numero di video per riga" non ha effetto. Perché?

Questa impostazione si applica solo quando Visualizzazione è impostata su "Elenco miniature con pop-up al clic". Se stai usando l'opzione "Player con video in basso", il numero di colonne non ha alcun effetto.

Funzionalità Correlate​