Per personalizzare il design del suo sito al di là di quanto consentito dalle impostazioni del back office, può modificare il CSS del suo tema. Questo articolo la guiderà passo dopo passo.

1. accedere ai file del suo sito

Può recuperare i file del suo sito tramite il suo FTP (veda l'articolo Connessione al server del negozio tramite FTP), oppure tramite l'interfaccia delsuo hosting.

Esempio con il provider di hosting IONOS

Vada alla sua interfaccia di amministrazione

IMG-perso-css 1.png

Clicchi su 'Usa spazio web' nella sezione 'Spazio web':

IMG-perso-css 2.png

In questo modo accederà all'elenco dei file sul server

IMG-perso-css 3.png

2. identifichi il file CSS da modificare

Nell'elenco dei file del suo negozio, vada alla cartella CSS del suo tema: '/themes/nome_tema/assets/CSS'.
In questa cartella, può accedere all'elenco dei file CSS del suo tema.
Troverà un file 'theme.css' e un file 'custom.css' per la maggior parte dei temi. È meglio aprire il file 'custom.css'.
Se non esiste nella cartella CSS, apra il file 'theme.css' e vada alla fine del file per aggiungere le sue istruzioni.

3. apra il file con un editor di codice

Le consigliamo di installare un editor di codice per apportare le modifiche. Scopra come nell'articolo Installare un editor di codice sul suo computer.

4. apportare le modifiche

Può apportare le sue aggiunte/modifiche CSS nel file aperto.

Una volta salvate le modifiche e inviate al server, torni al back office e cancelli la cache andando su 'Impostazioni avanzate/Performance'.

Una volta che la cache è stata cancellata, può recarsi al front office e vedere quali modifiche sono state apportate.

💡 Se desidera imparare le basi dei CSS, abbiamo anche un articolo per aiutarla.

Domande frequenti

Cosa devo fare se le mie modifiche non vengono visualizzate?

Si assicuri di aver svuotato la cache di PrestaShop dopo aver aggiunto o modificato il filecustom.css.
Verifichi che ilcustom.css è caricato correttamente ispezionando le fonti tramite il browser (F12 o tasto destro del mouse > Ispeziona > scheda Sorgenti).
Si assicuri di aver salvato le modifiche nell'editor di testo/codice e di averle inviate al server cliccando su Sì nella finestra FIleZilla che si apre.