Integrazione YouTube Feed: configurazione e aiuto
Avvio rapido
- Carica e installa lo ZIP
mpryoutubeintegrationin Moduli > "Module Manager". - Fai clic su "Configure". In Connessione YouTube, lascia Attiva modulo su Sì.
- Inserisci URL video (manuale) pubblici reali, uno per riga. Non serve una chiave API per questo primo test.
- In Impostazioni di visualizzazione, seleziona Hook di visualizzazione
displayHome. Mantieni Layout > Tipo di layout sugrid. - In Informazioni video, seleziona Modalità player
embedper la lightbox onewtabper YouTube. - Fai clic su Salva, poi apri il negozio dove viene renderizzato l’hook selezionato.
- Controlla le miniature, fai clic su un video e verifica la riproduzione o la destinazione YouTube. In modalità incorporata, chiudi il player e verifica che la riproduzione si fermi.
Richiede PrestaShop 1.6 o successivo e PHP 7.1 o successivo.
Manuale di configurazione
Installazione e prima configurazione
Nelle versioni precedenti di PrestaShop, usa la pagina di installazione dei moduli equivalente. Apri questo modulo tramite "Configure" ogni volta che vuoi tornare alle sue impostazioni.
Connessione YouTube
| Impostazione | Valore predefinito | Cosa fare |
|---|---|---|
| Attiva modulo | Sì | Attiva o disattiva il feed autonomo del negozio. |
| Chiave API YouTube | Vuoto | Inserisci una chiave YouTube Data API v3 solo se vuoi recuperare automaticamente un canale o una playlist. |
| ID canale | Vuoto | Imposta il canale sorgente e la destinazione del pulsante di iscrizione. È richiesto l’ID del canale, non un @handle. |
| Nome canale | Vuoto | Imposta l’etichetta del link al canale nell’intestazione con titolo del feed. Imposta anche ID canale per dare una destinazione al link. |
| ID playlist | Vuoto | Usalo come fonte API quando presente. Ha precedenza su ID canale. |
| URL video (manuale) | Vuoto | Inserisci URL di video pubblici supportati, uno per riga. Sono anche un ripiego se l’API non restituisce video. |
Impostazioni di visualizzazione
| Impostazione | Valore predefinito | Cosa fare |
|---|---|---|
| Hook di visualizzazione | displayHome |
Scegli displayHome, displayFooterBefore, displayFooter, displayLeftColumn o displayRightColumn. Il tema deve renderizzare l’hook selezionato. |
| Titolo sezione | Our YouTube Channel |
Imposta il titolo del feed. Lascia vuoto per nasconderlo. |
| Mostra pulsante Iscriviti | Sì | Mostra il link di iscrizione al canale quando ID canale è impostato. |
| Testo pulsante iscrizione | Subscribe |
Imposta l’etichetta del pulsante. |
| Mostra su mobile | Sì | Consenti il feed ai visitatori rilevati come utenti mobili da PrestaShop. |
Il link al profilo/canale nell’intestazione è annidato nel blocco del titolo della sezione. Imposta Titolo sezione per mostrarlo. Il pulsante separato per seguire/iscriversi ha un proprio interruttore.
Layout
| Impostazione | Valore predefinito | Cosa fare |
|---|---|---|
| Tipo di layout | grid |
Scegli grid o slider. |
| Numero di video | 6 |
Imposta un numero positivo. Le richieste API sono limitate a 25 video. |
| Colonne (desktop) | 3 |
Scegli 2, 3 o 4 colonne della griglia. |
| Colonne (mobile) | 1 |
Scegli 1 o 2 colonne della griglia. |
| Spaziatura (px) | 16 |
Imposta la spaziatura della griglia in pixel. |
| Raggio bordo (px) | 8 |
Imposta gli angoli arrotondati degli elementi. |
| Effetto hover | zoom |
Scegli overlay, zoom, fade o none. |
I controlli di colonne e spaziatura si applicano al layout del feed. Controlla il carosello alle larghezze del tuo negozio su desktop e dispositivi mobili.
Informazioni video
| Impostazione | Valore predefinito | Cosa fare |
|---|---|---|
| Mostra titolo | Sì | Mostra il titolo del video e la riga canale/autore disponibile. Questo blocco racchiude anche la data formattata sotto il titolo. |
| Mostra durata | Sì | Mostra la durata solo se inclusa nei dettagli video dell’API. |
| Mostra visualizzazioni | Sì | Mostra il conteggio formattato quando sono disponibili le statistiche API. |
| Mostra data | Sì | Mostra una sovrapposizione con data relativa e la data della fonte formattata disponibile. La data sotto il titolo richiede anche Mostra titolo e un titolo non vuoto. |
| Modalità player | embed |
Scegli embed per una lightbox nella pagina o newtab per una scheda YouTube. |
Avanzato
| Impostazione | Valore predefinito | Cosa fare |
|---|---|---|
| Caricamento differito | Sì | Carica le miniature/immagini multimediali tramite JavaScript vicino all’area visibile. Disattiva se questo caricamento viene bloccato. |
| Scorrimento automatico (Slider) | No | Fai avanzare automaticamente il carosello. Non ha effetto sull’output a griglia/elenco. |
| Velocità di scorrimento (ms) | 4000 |
Imposta l’intervallo del carosello in millisecondi. |
| Durata cache | 3600 |
Riutilizza i dati recuperati per questo numero di secondi. Le scelte sono 900, 1800, 3600, 7200, 21600 e 86400. |
Video manuali, fonti canale e playlist
Per i video manuali, usa questi formati URL con un ID video YouTube reale di 11 caratteri:
https://www.youtube.com/watch?v=ABCDEFGHIJK
https://youtu.be/ABCDEFGHIJK
https://www.youtube.com/embed/ABCDEFGHIJK
https://www.youtube.com/shorts/ABCDEFGHIJK
L’ID di esempio è un segnaposto. Sostituiscilo con un video disponibile. Il parser estrae l’ID e crea l’URL di visione, incorporamento e miniatura img.youtube.com. Richiede titolo e autore a YouTube oEmbed. Un ID valido genera comunque una scheda se oEmbed fallisce, ma titolo/autore possono essere vuoti e miniatura/player possono non funzionare.
Per una fonte automatica, inserisci Chiave API YouTube più ID playlist o ID canale. Con una playlist impostata, il modulo usa l’endpoint playlistItems. Altrimenti usa search per i video del canale ordinati per data. Poi richiede i dettagli videos per durate e statistiche. Il risultato è limitato a 25 per richiesta API. Se l’API non restituisce video, usa gli URL manuali come ripiego. Non riprova con ID canale dopo una richiesta playlist non riuscita.
La modalità manuale non ha durata, visualizzazioni né data di pubblicazione. La data API usa quella fornita dalla fonte selezionata. Visualizzi un solo feed configurato; il modulo non assegna video ai singoli prodotti. Una pagina prodotto può mostrare lo stesso feed se il tema renderizza l’hook selezionato.
Comportamento del player
In Modalità player embed, JavaScript del modulo intercetta il link della miniatura e apre una lightbox. Compila un URL iframe YouTube con autoplay=1&rel=0. Usa il pulsante di chiusura, fai clic sullo sfondo o premi Escape per chiuderla. La chiusura svuota la fonte dell’iframe e interrompe la riproduzione.
In modalità newtab, il link apre la pagina di visione YouTube in una nuova scheda. Senza JavaScript, il link della miniatura porta comunque a YouTube, ma le miniature a caricamento differito JavaScript possono restare non caricate. Il modulo non controlla disponibilità, pubblicità o restrizioni di account/video del player remoto. Prova i video specifici che intendi usare.
Cache e aggiornamento
La cache del feed usa questo file locale:
modules/mpryoutubeintegration/mpryoutube_feed_cache.json
I dati del feed vengono salvati in un file JSON locale per installazione del modulo. I negozi che usano la stessa directory condividono il file. Una richiesta al negozio recupera i video quando la cache manca o è scaduta. Nessuna attività pianificata in background aggiorna questo feed.
Usa Clear Cache per eliminare il file di cache. Anche il salvataggio delle impostazioni principali lo svuota. La successiva richiesta al negozio recupera nuovi video; i contenuti precedenti non restano visibili durante la richiesta.
Vengono salvati solo risultati non vuoti. Se il recupero fallisce o non restituisce video, quella richiesta non mostra il feed e le richieste successive riprovano. Un file scaduto può restare sul server, ma i suoi vecchi video non vengono mostrati. Conteggi API e date relative riflettono la risposta in cache.
Esempi di configurazione e modifiche al tema
Gli esempi seguenti descrivono i valori da inserire nei moduli del back office. Non sono comandi shell. Sostituisci nomi degli account, ID di pin/video e credenziali con valori reali. L’hook del tema deve corrispondere a Hook di visualizzazione.
Griglia manuale di demo prodotto senza chiave API:
MPRYOUTUBE_ENABLED=1
MPRYOUTUBE_VIDEO_URLS=https://www.youtube.com/watch?v=ABCDEFGHIJK
https://youtu.be/LMNOPQRSTUV
https://www.youtube.com/shorts/WXYZabcdefg
MPRYOUTUBE_DISPLAY_HOOK=displayHome
MPRYOUTUBE_LAYOUT=grid
MPRYOUTUBE_POST_COUNT=3
MPRYOUTUBE_COLUMNS=3
MPRYOUTUBE_PLAYER_MODE=embed
Slider playlist con recupero API in cache:
MPRYOUTUBE_ENABLED=1
MPRYOUTUBE_API_KEY=AIza...
MPRYOUTUBE_PLAYLIST_ID=PL...
MPRYOUTUBE_DISPLAY_HOOK=displayFooterBefore
MPRYOUTUBE_LAYOUT=slider
MPRYOUTUBE_POST_COUNT=6
MPRYOUTUBE_AUTO_SCROLL=1
MPRYOUTUBE_SCROLL_SPEED=4000
MPRYOUTUBE_CACHE_DURATION=3600
Formati URL manuali accettati:
https://www.youtube.com/watch?v=ABCDEFGHIJK
https://youtu.be/ABCDEFGHIJK
https://www.youtube.com/embed/ABCDEFGHIJK
https://www.youtube.com/shorts/ABCDEFGHIJK
Se il tema non mostra l’hook selezionato, aggiungi la chiamata all’hook PrestaShop corrispondente nel template Smarty pertinente:
{hook h='displayFooterBefore'}
Il CSS del tema può usare le classi del modulo nel negozio:
.mprfeed-youtube .mprfeed-title {
font-size: 20px;
}
.mprfeed-youtube .mprfeed-follow-youtube {
background: #cc0000;
}
.mprfeed-youtube .mprfeed-caption {
min-height: 2.8em;
}
La cache del feed usa questo file locale:
modules/mpryoutubeintegration/mpryoutube_feed_cache.json
Mantieni le modifiche CSS e ai template nel tema.
Verifica e risoluzione dei problemi
- Se la sezione non compare, controlla Attiva modulo, i campi delle fonti, Mostra su mobile e l’hook selezionato. Il modulo non restituisce alcuna sezione quando non ci sono elementi disponibili.
- Verifica che il tema chiami
displayHeaderper caricare il foglio di stile e JavaScript e renderizzi l’hook di visualizzazione selezionato. - Se le immagini restano vuote, controlla gli errori di rete del browser. Prova a disattivare il caricamento differito e verifica gli URL delle immagini.
- Se il layout è errato, prova prima la griglia, poi verifica il carosello alle larghezze desktop e mobile.
- Se MPR Social Revolution ha l’impostazione
YOUTUBE_ACTIVEattiva, questo feed autonomo viene soppresso. Il controllo legge il flag salvato; non richiede che Social Revolution sia attualmente attivo come modulo.
Apri la pagina "Integrity" del modulo per i controlli di configurazione e hook. Licenza, Assistenza e Aggiorna sono pagine di manutenzione. Prova le destinazioni effettive dopo aver modificato gli identificativi degli account o le fonti del feed.
Disattivazione o disinstallazione
Imposta Attiva modulo su No e salva per nascondere il feed mantenendo la configurazione. Disinstalla dal gestore moduli per rimuovere configurazione, cache locale e voci del menu amministrativo del modulo.
Domande
Ancora nessuna domanda su questo modulo
Chiedi qualsiasi cosa su installazione, compatibilità o configurazione. Le risposte compaiono qui.
Problemi noti
8
Impossibile salvare la chiave API dalla configurazione guidata
Venivano accettate chiavi API non valide
L’avviso restava dopo il salvataggio
Traduzioni mancanti
Compatibilità di caricamento con PHP 7.1
L’amministrazione del modulo poteva non aprirsi
La pagina di configurazione non mostrava le impostazioni del feed
Informazioni video e iscrizione mancanti nel feed
Richieste funzionalità
1
Implementato
Configurazione guidata della fonte video
Registro modifiche
v1.0.132026-09-08
- Addedcomplete FR/DE/ES/IT/PL translations
Versioni precedenti
v1.3.02026-04-20
- Addedadmin menu management via MenuInstaller for streamlined module setup
- AddedLicense management tab with key management and renewal options
- Addedself-healing integrity checks for automatic diagnostics and repair
- Addedcomplete FR/DE/ES/IT/PL translations
v1.2.02026-02-06
- AddedPS 9 / Hummingbird theme compatibility
- Addedplaylist support alongside channel display
- Improvedlazy-load iframes — YouTube thumbnails load as images, iframe created on click
- Fixedvideo grid overflow on 5-column layouts on 1440p screens
v1.0.02025-09-18
- Initialrelease: YouTube channel and playlist video display for PrestaShop
- InitialGrid layout with configurable column count and video thumbnails
- InitialBack-office configuration for channel ID, API key, and layout type
- InitialCompatible with PS 1.7.x and PS 8.x
v1.1.02025-07-28
- Addedslider layout option with autoplay and configurable interval
- Addedvideo count limiter per widget placement
Demo
Prova il modulo completo prima di acquistare
Acquista la licenza in seguito e mantieni le tue impostazioni.
- La tua demo di 30 giorni Provalo sul tuo negozio per 30 giorni dalla prima installazione.
- Negozio demo pronto Esplora un negozio demo pronto nel tuo browser.
- Senza registrazione Nessun account, e-mail o dominio del negozio richiesto.
Scaricando, accetti le condizioni della demo e l’informativa sulla privacy.
Aprendo questa demo accetti i termini della demo e la politica sulla privacy.