Vai al contenuto

Anteprima template - Apportare modifiche al CSS

Aggiornato il 02.07.2024
Le funzionalità descritte sono disponibili da Ready Pro v2024.4.
N.B. Le regole CSS riportate sul presente manuale sono puramente indicative, e possono variare a seconda della versione di template ecommerce, della struttura del proprio sito e/o di altri elementi inseriti su ogni pagina.
Per chi non ha una sufficiente conoscenza del linguaggio CSS, per poter effettuare modifiche di questo tipo autonomamente, esiste la possibilita' di richiedere un aiuto in teleassistenza per effettuare le personalizzazioni.

Tramite il pannello "Regole CSS aggiuntive" e' possibile provare delle modifiche al CSS base: in questo modo è possibile effettuare tutti i test necessari prima di rendere effettive sul sito le modifiche fatte al CSS.

Prima di tutto è necessario attivare la funzione "Cattura elementi" selezionando il checkbox nella colonna sinistra del pannello.

Una volta fatto questo l'anteprima del template sara' ricettiva ad ogni click e sara' sufficiente cliccare sull'elemento del sito desiderato per averlo gia' compilato correttamente (tramite il selettore ID o classe CSS) nel riquadro.
Anteprima template - Apportare modifiche al CSS – immagine 1
L'esempio soprariportato mostra come selezionare il menu delle aree.
Se, ad esempio, volessimo modificare il colore di sfondo in grigio dovremmo aggiungere la regola:
background:#000
all'interno delle parentesi graffe del codice CSS precompilato tramite la funzione "Cattura elementi".

Per vedere il risultato finale e' sufficiente premere il pulsante ANTEPRIMA (in questa fase le modifiche sono visibili solo sul pannello, gli utenti che navigano sul sito NON vedono queste modifiche).
Anteprima template - Apportare modifiche al CSS – immagine 2
Per rendere permanenti le modifiche e renderle visibili agli utenti che navigano sul sito, occorre copiare il codice CSS generato all'interno dell'opzione "Regole CSS aggiuntive" del template, ed andra' chiaramente effettuato un aggiornamento completo del sito.
Anteprima template - Apportare modifiche al CSS – immagine 3