Passa al contenuto principale

Abilitazione del Modulo di Manipolazione Swiper

Se stai usando il modulo Product Video di Smart Modules in un tema PrestaShop che utilizza Swiper Slider, potresti riscontrare un problema in cui la miniatura del video non appare accanto alle immagini del tuo prodotto.

Questo di solito accade quando il modulo Manipulation di Swiper non è stato abilitato. Il modulo è essenziale per consentire l'inserimento di elementi dinamici (come le slide video) nello slider durante l'esecuzione.

🧠 Quando Ne Hai Bisogno?​

Potresti vedere un errore come questo nella console del tuo browser:

pericolo

Uncaught TypeError: slider.addSlide is not a function

Perché succede questo

Questo errore significa che lo slider Swiper del tuo tema non è inizializzato con il modulo Manipulation, che è richiesto dal modulo Product Video per aggiungere dinamicamente le miniature video come slide.

La buona notizia? Risolvere questo richiede solo una piccola modifica nel codice di inizializzazione di Swiper del tuo tema.

🛠️ Passo dopo Passo: Come Abilitare il Modulo di Manipolazione​

1. Individua il Codice di Inizializzazione di Swiper​

Nei file del tuo tema, individua il file JavaScript che inizializza lo slider di immagini del prodotto. Si trova tipicamente in:

/themes/tuo-tema/assets/js/product.js
/themes/tuo-tema/js/product.js
/themes/tuo-tema/js/custom.js

Cerca una configurazione Swiper come questa:

var swiper = new Swiper('.swiper-container', {
  // le tue opzioni Swiper
});

2. Aggiungi il Modulo Manipulation​

All'interno della configurazione Swiper, trova la proprietà modules. Aggiungi Manipulation alla lista.

Esempio prima:

modules: [Navigation, Pagination],

Aggiorna a:

modules: [Navigation, Pagination, Manipulation],

Se la proprietà modules non esiste ancora, aggiungila così:

modules: [Manipulation],
Mantieni i moduli esistenti

Non rimuovere alcun modulo esistente — aggiungi semplicemente Manipulation alla lista.

3. Svuota la Cache di PrestaShop​

Dopo aver salvato le modifiche:

  1. Vai nel tuo Back Office
  2. Naviga su Parametri Avanzati > Prestazioni
  3. Clicca su Svuota Cache

Questo assicura che il tuo JavaScript aggiornato venga caricato correttamente.

4. Testa il Risultato​

Ricarica qualsiasi pagina di prodotto con un video allegato. Se tutto è corretto, la miniatura del video apparirà ora come parte della galleria immagini del prodotto, completamente integrata nello slider Swiper.

📚 Link Correlati​

💬 Hai Ancora Bisogno di Aiuto?​

Se non sei sicuro di dove si trova questo codice o come modificarlo, non esitare a contattare il nostro team di supporto. Puoi anche inviarci il file dove Swiper è inizializzato, e ti guideremo volentieri attraverso la modifica.

Seguendo questi passaggi, garantirai la piena compatibilità tra lo slider Swiper del tuo tema e il modulo Product Video di Smart Modules, mantenendo le tue miniature video funzionanti senza problemi ed evitando qualsiasi errore JavaScript.