Modificare home page PrestaShop: come riordinare i blocchi del layout senza toccare il codice

Di cosa è fatta la home page di PrestaShop?

Di moduli mostrati in un punto della pagina, nell'ordine dell'elenco delle posizioni. Lo slider, i prodotti in evidenza, un banner, il testo sul negozio, le novità e i più venduti sono moduli separati. Ognuno può comparire anche in altri punti.

Il meccanismo dei punti e dell'ordine è descritto nella documentazione di PrestaShop sugli hook. In polacco, icomSEO ha una panoramica dei modi per cambiare il layout, e la guida di dhosting una guida più breve.

Com'è un riordino prima e dopo?

Una richiesta tipica di chi ha un negozio è i più venduti più in alto, e newsletter e loghi delle marche più in basso. Nell'elenco delle posizioni appare così:

È cambiato l'ordine di tre blocchi. Nessun file del tema è stato modificato, e ogni modulo funziona esattamente come prima.

Come spostare un modulo nel pannello passo per passo?

Lo fai in una sola schermata del pannello.

1. Vai in Aspetto > Posizioni.
2. Scrivi «displayHome» nella ricerca degli hook o scorri fino alla home page.
3. Prendi il modulo dalla sua maniglia e trascinalo nel nuovo punto.
4. Se il blocco deve sparire dalla home page, clicca la freccia accanto al modulo e scegli di sganciarlo.
5. Svuota la cache in Parametri avanzati > Prestazioni.
6. Controlla la home page in una finestra privata del browser e sul telefono.

Se la modifica non compare nella pagina, leggi perché le modifiche non si vedono in PrestaShop.

Perché alcuni blocchi non si possono spostare?

Perché non arrivano da moduli nell'hook della home page. I motivi comuni sono tre.

• Una sezione nel template. L'autore del tema l'ha scritta direttamente nel file della home page. Cambiarla significa modificare il template, meglio se in un child theme.
• Un builder del tema. I temi acquistati spesso hanno un loro editor della home page. L'ordine lo cambi lì, e l'elenco delle posizioni mostra un solo modulo del builder.
• Un modulo in un altro punto. Il blocco sembra parte della home page ma è agganciato, per esempio, al punto sopra il footer.

Quando cambi tema, ricorda che un tema, quando viene attivato, imposta un suo elenco di moduli e dei loro punti. Lo salva in un file di configurazione descritto nella documentazione di theme.yml. Dopo l'attivazione del tema, il tuo layout può tornare alle impostazioni dell'autore.

Come pianificare il layout della home page?

Disponi i blocchi in base a quello che cercano i clienti, non all'ordine in cui sono stati installati i moduli. Sabato, ore 19:40, sei davanti all'elenco delle posizioni e trascini blocchi per provare. Dopo ogni spostamento svuoti la cache e ricarichi la pagina. È meglio partire da un foglio di carta.

• In alto, quello che vende: la campagna, i più venduti, le categorie principali.
• Al centro, quello che crea fiducia: il testo sul negozio, le recensioni, le informazioni sulla consegna.
• In basso, gli extra: newsletter, loghi delle marche, articoli del blog.

Se hai dati di vendita, controlla quali categorie e quali prodotti vendono di più. Dovrebbero stare più in alto di un blocco che qualcuno ha aggiunto all'installazione del negozio e che nessuno ha più toccato. Dopo un mese confronta le vendite dei prodotti della home page con il mese precedente.

Cosa controllare dopo aver cambiato il layout?

Dopo ogni modifica guarda la home page come la vedrà un cliente. Un riordino rompe qualcosa di rado, ma un blocco può apparire diverso accanto a nuovi vicini.

Prima di iniziare, annota anche l'ordine attuale. Basta uno screenshot dell'elenco delle posizioni. Con quello puoi tornare al vecchio layout se il nuovo non funziona o se un aggiornamento del tema lo cambia.

Come modificare il layout della home page con la chat?

Chiedi di vedere l'ordine attuale e poi descrivi quello nuovo. La tua chat (Claude o ChatGPT) mostra l'ordine vecchio e quello nuovo prima di salvare qualsiasi cosa.