Schede Scheda Prodotto PrestaShop — Documentazione
Installare, configurare e usare il gestore di schede della pagina prodotto: ambiti, contenuto HTML o CMS, trascinamento e fisarmonica mobile.
Questo modulo ti consente di creare schede personalizzate sulla scheda prodotto del tuo negozio PrestaShop 8 o 9. Ogni scheda può mirare a tutti i prodotti, a categorie specifiche o a una selezione precisa di prodotti, mostrare contenuto HTML avanzato o una pagina CMS, e trasformarsi in una fisarmonica su mobile. Questa documentazione copre installazione, configurazione e uso quotidiano.
Installazione
Il modulo si installa come qualsiasi modulo PrestaShop, senza dipendenze né configurazione server particolare.
- Nel back-office, apri Moduli > Gestore dei moduli e fai clic su Carica un modulo.
- Seleziona l’archivio ZIP del modulo e lascia completare l’installazione.
- Una volta installato, appare un nuovo accesso Catalogo > DF Tabs Builder nel menu del back-office.
Il modulo crea cinque tabelle dedicate ai suoi dati. Vengono rimosse automaticamente alla disinstallazione, senza lasciare residui nel database.
Impostazioni generali
Dalla pagina del modulo, il pulsante Configura apre le impostazioni generali, indipendenti dalle schede stesse.
Fisarmonica mobile
Questa opzione attiva la conversione automatica delle schede in una fisarmonica sugli schermi piccoli. Quando è attiva, al di sotto di una certa larghezza dello schermo la fila di schede diventa una pila di intestazioni comprimibili ad apertura singola. Al di sopra di tale larghezza, le schede native del tuo tema restano visualizzate normalmente.
Breakpoint
Il breakpoint definisce la larghezza dello schermo (in pixel) al di sotto della quale si attiva la modalità fisarmonica. Il valore predefinito è 768 pixel, corrispondente al passaggio tablet/mobile della maggior parte dei temi. Puoi inserire un valore compreso tra 320 e 1920 pixel.
Creare una scheda
Apri Catalogo > DF Tabs Builder e fai clic su Aggiungi scheda. Il modulo di modifica raccoglie tutte le impostazioni di una scheda.
Titolo della scheda
Il titolo viene inserito lingua per lingua: è l’etichetta mostrata sulla scheda, nella pagina prodotto. Compilalo per ciascuna delle lingue del tuo negozio.
Stato
L’interruttore Attivo consente di attivare o disattivare la scheda senza eliminarla. Una scheda inattiva non appare su alcuna pagina prodotto.
Mirare ai prodotti giusti
Il campo Mostra su determina l’ambito della scheda. Sono disponibili tre scelte.
Tutti i prodotti
La scheda è globale: appare su ogni pagina prodotto del negozio. È la scelta ideale per una scheda di rassicurazione, di spedizione o di FAQ comuni.
Categorie specifiche
La scheda si mostra solo sui prodotti appartenenti alle categorie selezionate. Appare allora un albero di categorie con caselle di controllo e ricerca: spunta una o più categorie. Un prodotto associato a una delle categorie spuntate vedrà la scheda.
Prodotti specifici
La scheda mira solo a una selezione precisa di prodotti. Appare un campo di ricerca: digita almeno due caratteri per cercare un prodotto per nome, riferimento o identificativo. Fai clic su un risultato per aggiungerlo; viene allora mostrato come pastiglia. Fai clic sulla croce di una pastiglia per rimuovere il prodotto dalla selezione.
Puoi condividere una scheda di manutenzione su un intero reparto mirandola su una categoria, riservando una scheda tecnica a poche referenze precise tramite il targeting per prodotto.
Scegliere il contenuto della scheda
Il campo Tipo di contenuto offre due fonti.
HTML personalizzato
Scrivi il contenuto direttamente nell’editor avanzato integrato, lingua per lingua. Puoi inserire testo formattato, elenchi, immagini, tabelle o video incorporati. È la modalità consigliata per un contenuto proprio della scheda.
Pagina CMS
Colleghi una pagina CMS esistente del tuo negozio. Il suo contenuto viene allora mostrato nella scheda, nella lingua del visitatore. È pratico per riutilizzare una politica di reso o una carta di manutenzione già redatta, senza duplicarla: qualsiasi aggiornamento della pagina CMS si riflette automaticamente nella scheda.
Una scheda il cui contenuto risolto è vuoto non viene mostrata nella pagina prodotto. Questo evita di mostrare una scheda vuota, ad esempio quando una pagina CMS è disattivata.
Riordinare le schede
Nella lista delle schede, una colonna di posizione consente di riordinare le schede tramite trascinamento: afferra la maniglia di una riga e spostala verso l’alto o verso il basso. L’ordine definito qui è esattamente l’ordine in cui le schede appaiono nella pagina prodotto, da sinistra a destra.
Comportamento su mobile
Quando la fisarmonica mobile è attivata nelle impostazioni generali, le schede si trasformano automaticamente in una fisarmonica al di sotto del breakpoint definito. Ogni scheda diventa un’intestazione cliccabile con un chevron; l’apertura di un’intestazione chiude la precedente (apertura singola). Al di sopra del breakpoint, le schede native del tuo tema vengono ripristinate in modo identico: il comportamento non è distruttivo.
La fisarmonica si appoggia al markup di schede standard del tema. Su un tema con markup molto atipico, se la fisarmonica non può essere costruita, le schede restano visualizzate normalmente: non viene introdotta alcuna regressione.
Disinstallazione
La disinstallazione dal Gestore dei moduli rimuove il modulo, le sue impostazioni e tutte le schede create, insieme alle cinque tabelle associate. Viene richiesta una conferma perché questa operazione cancella definitivamente tutte le schede.
Risoluzione dei problemi
Le mie schede non appaiono nella pagina prodotto
Verifica che la scheda sia attiva, che il suo ambito corrisponda effettivamente al prodotto consultato (categoria o prodotto mirato) e che il suo contenuto non sia vuoto. Per una scheda di tipo pagina CMS, assicurati che la pagina CMS collegata sia attiva nella lingua del visitatore.
La fisarmonica non si attiva su mobile
Assicurati che l’opzione fisarmonica mobile sia attivata nelle impostazioni generali e che la larghezza del tuo schermo sia effettivamente inferiore al breakpoint configurato. Svuota la cache di PrestaShop dopo ogni modifica delle impostazioni.
Una scheda si mostra nel posto sbagliato
L’ordine delle schede è determinato dalla colonna di posizione nella lista. Riordina le schede tramite trascinamento, poi ricarica la pagina prodotto per verificare.