Cambiare banner PrestaShop: lo slider della home page, un banner stagionale e il ritorno al vecchio
Come cambiare un banner in PrestaShop dipende da dove arriva il banner. Nel tema Classic lo slider della home page è il modulo Image slider, dove sostituisci immagine, titolo e link di una slide. Un banner singolo è un modulo a parte. Nei temi acquistati il banner può stare in un template o nel page builder dell'autore del tema.
Autore: Il team TellMyShop. Una guida per i titolari di negozi PrestaShop: la causa, la correzione a mano e lo stesso lavoro in una conversazione in chat.
Ultimo aggiornamento: · 5 min di lettura
Da dove arriva il banner della home page?
Da un modulo o dal template del tema, ed è questo che decide dove lo cambi. Prima di cercare, guarda in Aspetto > Posizioni. Sotto l'hook della home page (displayHome) vedi i moduli che la costruiscono.
| Origine del banner | Come riconoscerla | Dove cambiarlo |
|---|---|---|
| Modulo Image slider | più slide che ruotano | Moduli > Gestione moduli > Image slider > Configura |
| Modulo Banner | un'immagine tra le sezioni della pagina | Moduli > Gestione moduli > Banner > Configura |
| Template del tema | un banner senza impostazioni nel pannello | il file del template della home page nel tema |
| Page builder del tema | un editor a trascinamento | il modulo dell'autore del tema |
Da anni chi gestisce un negozio chiede come cambiare il banner sul forum di PrestaShop (in polacco). La risposta parte quasi sempre da una domanda sul tema. Il codice dello slider del tema Classic lo trovi nel repository del modulo ps_imageslider.
Come sostituire una slide nello slider passo per passo
Nel modulo slider lo fai senza toccare nessun file.
- Vai in Moduli > Gestione moduli e cerca «slider».
- Clicca Configura accanto al modulo Image slider.
- Aggiungi una nuova slide o modifica una esistente.
- Carica un'immagine con le stesse dimensioni delle slide attuali.
- Scrivi titolo, URL di destinazione e didascalia. La didascalia finisce anche nell'alt text dell'immagine.
- Ripeti per ogni lingua del negozio.
- Imposta la slide come attiva e trascinala in cima all'elenco.
- Disattiva la vecchia slide invece di eliminarla.
Alla fine apri la home page in una finestra privata. Se non è cambiato nulla, leggi perché le modifiche non si vedono in PrestaShop.
Come pianificare un banner stagionale
Preparalo insieme alla campagna, non il giorno del lancio. Mercoledì, ore 20:15, i saldi d'autunno partono domani. L'immagine è pronta, ma lo slider ha tre lingue, e ogni slide ha bisogno della sua immagine e del suo link. Strada facendo salta fuori che il titolo della slide è un titolo della pagina e che le immagini non hanno alt text.
Qualche regola aiuta:
- Il banner porta a una categoria precisa o a una pagina della promozione, non alla home page.
- Ogni lingua ha la sua immagine e il suo alt text.
- L'alt text dice cosa c'è sul banner, non «banner1». Google spiega le regole per l'alt text nella sua guida alle immagini.
- Il vecchio banner è disattivato, non eliminato.
- Segni nel calendario delle campagne la data in cui spegnere il banner.
Uno slider o un banner singolo per una campagna?
Per una campagna di solito basta una slide con un solo messaggio. Uno slider fa ruotare più immagini, e non tutti i clienti aspettano la terza. Se i saldi sono la cosa più importante di questa settimana, mettili nella prima slide, oppure rendila l'unica.
| Situazione | Scelta migliore | Perché |
|---|---|---|
| Una campagna, una scadenza vicina | una slide o un banner | un messaggio, un link |
| Più categorie dello stesso peso | uno slider con 2 o 3 slide | ogni categoria ha il suo posto |
| Informazioni sulla consegna o su una scadenza | una barra di testo sopra il banner | leggibile anche sul telefono |
Controlla il banner anche sul telefono. Il testo inserito nell'immagine spesso è illeggibile su uno schermo piccolo. Una didascalia breve e un pulsante grande nell'immagine funzionano meglio di una frase lunga. Se il tema lo permette, prepara una versione dell'immagine a parte per i telefoni.
E se lo slider va cambiato nel template?
Cambia la copia del template nel tema, non il file del modulo. PrestaShop ti permette di copiare il template di un modulo nel tema e poi usa la copia. Un aggiornamento del modulo non la sovrascrive. È descritto nella documentazione sull'override dei moduli.
È così che correggi, per esempio, i titoli delle slide che il tema mostra come titoli della pagina. La home page dovrebbe avere un solo titolo principale, e i titoli delle slide possono essere testo semplice.
Come cambiare il banner con la chat
Descrivi la campagna, e la tua chat (Claude o ChatGPT) capisce da dove arriva il banner e propone una modifica con un'anteprima.
Tu: Per i saldi d'autunno voglio un banner con un link alla categoria Lanterne. L'immagine autunno.jpg è già caricata. Aggiungi l'alt text in italiano e in francese.
La tua chat: Il banner della home page arriva dal template del tema, non da un modulo. Propongo una modifica nel file, con un backup:
Dopo il salvataggio svuoto la cache e controllo la home page. Dopo la campagna puoi ripristinare il vecchio banner dal backup.
Stato della scheda: in attesa del tuo «sì»versione precedente: <img src="estate.jpg" alt="banner1">
nuova versione: <img src="autunno.jpg" alt="Saldi d'autunno sulle lanterne">
versione precedente: link: /offerte-estate
nuova versione: link: /lanterne
Un nuovo banner stagionale è una richiesta e un'anteprima. Ogni file riceve un backup prima del salvataggio. Dopo la campagna ripristini la versione precedente dal backup, anche questa con un'anteprima.
Le modifiche all'aspetto funzionano in TellMyShop Pro, quando accendi l'interruttore Tema. L'interruttore dura 24 ore e richiede un backup del database fatto lo stesso giorno. Le immagini le carichi tu, e il contenuto delle slide lo cambi nella configurazione del modulo slider. Nel gratuito TellMyShop Free la chat controlla i titoli nella home page e indica i moduli che la costruiscono.
Le due attività più comuni sono descritte nei casi d'uso un banner stagionale nella home page e titoli e alt text delle immagini nello slider. Se insieme al banner cambi l'ordine delle sezioni, leggi del layout della home page.
Domande e risposte
Che dimensioni deve avere un'immagine dello slider?
Le stesse delle slide attuali del tuo tema. Ogni tema ha una larghezza diversa della home page, e lo slider allunga o ritaglia le immagini con proporzioni diverse. Controlla le dimensioni dell'immagine della slide attuale e prepara quella nuova della stessa misura. Salvala in JPG o WebP, così la pagina si carica in fretta.
Perché il nuovo banner non compare nella pagina?
Il più delle volte per la cache o per una slide disattivata. Controlla che la slide sia attiva e abbia un'immagine nella lingua che stai guardando. Poi svuota la cache in Parametri avanzati > Prestazioni e ricarica la pagina in una finestra privata. In un negozio con più lingue, ogni lingua ha la sua immagine.
Il banner dello slider conta per Google?
Sì, anche se poco. L'alt text delle immagini aiuta Google e i lettori di schermo a capire cosa c'è nella foto. Spesso conta di più un'altra cosa. In alcuni temi i titoli delle slide sono titoli della pagina, quindi la home page ne ha diversi. Vale la pena controllarlo e correggerlo nel template dello slider.
Come torno al vecchio banner dopo una campagna?
Il modo più semplice è non eliminare la vecchia slide, ma disattivarla per la durata della campagna. Dopo la promozione attivi quella vecchia e disattivi quella stagionale. Se la chat ha cambiato il banner in un template, la versione precedente del file è in un backup, e la ripristini con una sola richiesta, con un'anteprima delle differenze.
La chat carica l'immagine del banner?
No. L'immagine la carichi tu, nella configurazione del modulo slider o nel file manager. La chat cambia un banner salvato nel template del tema, i link, l'alt text delle immagini e l'aspetto dello slider tramite una copia del template nel tema. Funziona in TellMyShop Pro con l'interruttore Tema acceso.
PrestaShop è un marchio registrato di PrestaShop SA. Claude è un marchio di Anthropic PBC. ChatGPT e OpenAI sono marchi di OpenAI. TellMyShop non è affiliato a queste aziende.