Prestashop - Modifica del CSS

Con i fogli di stile o CSS Possiamo realizzare quasi tutto nell'ambiente web, gli effetti che otteniamo vengono applicati all'intero sito, dando la possibilità di creare un'identità omogenea in tutta la pagina.
fortunatamente Prestashop È costruito utilizzando questo standard, quindi possiamo apportare modifiche al suo aspetto molto rapidamente e se seguiamo le convenzioni possiamo ottenere effetti che vengono applicati in tutto il nostro negozio, creando così la nostra identità grafica.
Conoscere i file CSS Prestashop
Come sempre prima di iniziare a modificare qualcosa nel nostro negozio, la prima cosa che dobbiamo fare è sapere a che punto siamo, in questo caso dobbiamo familiarizzare con la struttura del Prestashop e dove possiamo ottenere i diversi file CSS.
Se apriamo la struttura delle cartelle della nostra installazione di Prestashop dobbiamo andare nella cartella temi, in esso saranno i diversi temi disponibili per il nostro negozio, grazie a questo possiamo avere diverse varianti della nostra immagine.
È sempre importante ricordare che se vogliamo apportare modifiche, dobbiamo prima eseguire il backup dei dati, per questo possiamo copiare la cartella del tema da modificare e salvarla con un altro nome, in questo modo possiamo tornare al versione precedente se richiesta.
Una volta nella cartella temi e dopo aver già inserito il tema da modificare, dobbiamo individuare la cartella cssVediamo l'immagine seguente per illustrare il percorso che dobbiamo aver percorso:

Molto bene, una volta dentro questa cartella dobbiamo avere i seguenti file:

• globale.css
• manutenzione.css
• scene.css

I file CSS di Prestashop lavorare con il motore dei modelli Smarty (.tpl) che si trova per impostazione predefinita nella cartella dei moduli, anche se lavorare con questo modulo non è strettamente necessario per conoscerlo a fondo, tuttavia avere alcune nozioni può aiutarci molto.
Un altro aspetto importante è conoscere un po' la sintassi di CSSAnche se questo può essere un po' opprimente, è molto importante sapere cosa significa ogni cosa nel nostro file in modo che possiamo agire consapevolmente ogni volta che apportiamo una modifica.
globale.css
Questo è il file generale, che ci consente di modificare l'aspetto generale di tutte le pagine del nostro negozio.
Gli aspetti che possiamo controllare con questo file sono i seguenti:

• Colore di sfondo
• Dimensione del font
• Tipo di carattere
• Colore
• Allineamento del testo
• Paragrafo e formato pagina

Come possiamo vedere, questi aspetti sono fondamentali nella nostra immagine grafica, quindi questo file è fondamentale per mantenere il flusso del nostro sito.
Sebbene possiamo apportare molte modifiche, all'avvio si consiglia di non modificare la sintassi esistente, se non i suoi valori, in modo da poter utilizzare il file CSS come base e in questo modo per apprendere quali cambiamenti si verificano con ogni modifica dei valori che apportiamo.
Abbiamo già una base per iniziare a modificare l'aspetto del nostro negozio attraverso i suoi file di stile e sappiamo già anche che ci sono altri concetti che dobbiamo approfondire e imparare per ottenere risultati più professionali.Ti è piaciuto e hai aiutato questo Tutorial?Puoi premiare l'autore premendo questo pulsante per dargli un punto positivo