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.
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 "Anteprima CSS" 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 "Regole CSS aggiuntive".
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:
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).
Se, ad esempio, volessimo modificare il colore di sfondo in grigio dovremmo aggiungere la regola:
background:#999999
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).
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 effettuata una sincronizzazione completa.
Vediamo un altro esempio: supponiamo di voler inserire uno sfondo per il sito diversificato per area.
Dovremo fare le stesse operazioni spiegate sopra ma questa volta selezionando il corpo del sito:
Dovremo fare le stesse operazioni spiegate sopra ma questa volta selezionando il corpo del sito:
Anche in questo caso va inserito del codice CSS per specificare il tipo di background da impostare (nell'esempio abbiamo deciso di inserire una immagine).
Volendo e' possibile inserire regole diverse (e quindi sfondi diversi) per ogni area web, inserendo regole CSS diverse per ogni area.
Ad esempio per l'area web 1 utilizziamo background.jpg
Ad esempio per l'area web 1 utilizziamo background.jpg
mentre per l'area web 2 utilizziamo un altro sfondo background2.jpg
Il risultato dopo la sincronizzazione sara' di avere uno sfondo del sito che cambia al variare dell'area.
Nell'area web 1 sarà come il seguente:
Nell'area web 1 sarà come il seguente:
Mentre nell'area web 2 lo vedremo così:
