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
Ci sono due modi per accedere a questi file.
Via FTP
Legga tutto nel nostro articolo dedicato!
Tramite il file manager del suo host web
Con la maggior parte degli host web, può anche accedere ai file del suo sito tramite il file manager.
Esempio con il provider di hosting IONOS:
-
Acceda alla sua interfaccia di amministrazione:
-
Clicchi su 'Usa spazio web' nella sezione 'Spazio web':
-
Questo la porterà all'elenco dei file sul server:
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.
Vi troverà un file 'theme.css', oltre a 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 dedicato.
4. apportare le modifiche
Può apportare le sue aggiunte/modifiche CSS nel file aperto.
Se desidera imparare le basi dei CSS, abbiamo anche un articolo per aiutarla.
Una volta salvate le modifiche e inviate al server, torni al suo 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.
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 file
custom.css
. - Verifichi che il
custom.css
viene caricato correttamente ispezionando le fonti tramite il browser (F12 o tasto destro del mouse sulla scheda Ispezione fonti). - 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.
⚠️Questo articolo è stato tradotto da un programma di traduzione automatica. In caso di dubbi, consultare l'articolo in francese o in inglese.
Commenti
0 commenti
Accedi per aggiungere un commento.