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 filecustom.css.
• Verifichi che ilcustom.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.