Questa guida ti mostrerà i passi da seguire per aggiungere CSS personalizzato al tuo sito realizzato con Magento 1.9! Iniziamo subito!
Requisiti:
Procedura
- Installa Notepad++
- Apri Filezilla e accedi al tuo sito
- Recati nella cartella con i file di installazione di Magento:
- Segui questo percorso : /skin/frontend/nome_del_tema_che_usi/default/css
- Dentro questa cartella (css) crea un file e rinominalo come ‘custom.css’
- Ora ritorna alla cartella principale di magento e segui questo percorso: /app/design/frontend/nome_del_tema_che_usi/default/layout
- Dentro questa cartella individua il file ‘page.xml’ e scaricalo sul tuo pc
- Ora che hai scaricato il file cliccaci con il tasto destro e seleziona ‘Edit with Notepad++’
- Aperto il file premi CTRL+F e digita senza gli apici ‘Add vendor dependencies’
- Recati sotto tale riga
- Ora copia questo codice senza gli apici : ‘<action method=”addCss”><stylesheet>css/custom.css</stylesheet></action>’ e incollalo sotto la riga precedentemente indicata
- Salva il documento premendo CTRL+S
- Ora trascina il file appena modificato nella cartella ‘layout’ , da dove hai scaricato il file ‘page.xml’ e sostituisci il file ‘page.xml’ che era già presente.
- Fatto ciò vai nel pannello Admin del tuo sito Magento, vai sopra la voce del menù System e seleziona ‘Cache Management’; Seleziona tutte le voci e clicca su refresh in alto a destra:
- COMPLIMENTI, ora puoi aggiungere il tuo stile nel file custom.css!