Lo stile visivo complessivo del sito è configurato in Sito web → Design → Design еditor → Stili globali.
Il blocco Stili globali contiene parametri che influenzeranno tutti gli elementi rilevanti del sito, in particolare:
Testo e sfondo;
Stile di visualizzazione dei link;
Stile dei pulsanti e dei campi dei moduli del sito web;
Stile dei blocchi del sito web;
Stile di navigazione per i banner di commutazione;
Stile di alcuni elementi della scheda prodotto.
Nota bene: per le impostazioni dei colori, è possibile specificare un valore di colore in HEX, RGB, un nome di colore standard inglese o scegliere un colore dalla tavolozza visiva.
Nelle impostazioni, il colore definito viene sempre visualizzato in formato HEX.
Testo e sfondo
In questa scheda è possibile definire le impostazioni di base per lo stile dello sfondo e del testo del sito.
Carattere
Font - selezione di uno dei 12 font predefiniti.
Coloredel testo - selezione del colore del testo principale del sito.
Coloredel testo secondario - selezione del colore del testo ausiliario (tooltips, nomi di funzioni, ecc.).
Stile del blocco di testo collassato - lo stile visivo di visualizzazione del testo collassato, ad esempio nella descrizione di un prodotto (linea o sfumatura).
Titoli
Titoli 1 - selezione del colore dei titoli H1, ad esempio il nome del prodotto nella pagina del prodotto, i titoli delle notizie, ecc.
Titoli 2 - selezione dei colori dei titoli H2, che sono sottovoci o titoli di blocchi separati della pagina.
Pagine
Sfondo pagina - definisce il colore dello sfondo generale delle pagine del sito.
Sfondo della homepage - definisce il colore della pagina principale.
sfondo pagina 404 - definisce il colore dello sfondo della pagina a cui vengono indirizzati i visitatori del sito se il link alla pagina del sito non è corretto o se la pagina non esiste.
Collegamenti
È possibile definire tre parametri per i link: il colore del link nel testo, il colore del link al passaggio del mouse e la sottolineatura aggiuntiva del link.
I parametri sono definiti separatamente per ogni tipo di link del sito.
Link di navigazione - link utilizzati per navigare tra le pagine del sito: nomi di categorie di catalogo, prodotti, pagine, ecc.
Link in linea - link nei testi: descrizioni dei prodotti, testi SEO, ecc.
Link di azione - link che, una volta cliccati, eseguono un'azione specifica sul sito: Scrivi una recensione, Aggiungi ai preferiti, Aggiungi al confronto, ecc.
Pulsanti ed elementi del modulo
Per i pulsanti è possibile definire il colore del pulsante, il colore del testo sul pulsante, il colore del bordo intorno al pulsante (tratto) e la dimensione dell'arrotondamento degli angoli del pulsante.
I parametri sono specificati separatamente per ogni tipo di pulsante.
Pulsanti primari - tutti i pulsanti principali del sito web, come Acquista, Invia , ecc.
Pulsantisecondari - pulsanti aggiuntivi dell'interfaccia, ad esempio il pulsante Tutte le marche, i pulsanti dei filtri e delle varianti, ecc.
Campi modulo - impostazioni per i campi di immissione/selezione nei moduli del sito web.
Esempi di impostazioni di arrotondamento
Nessun arrotondamento | S | M | L |
 |  |  |  |
Blocchi e navigazione
Questo blocco combina le impostazioni:
Blocchi - parti di una pagina web in cui gli elementi sono collegati da una cornice comune.
Finestre e menu modali - impostazione del colore di sfondo per le finestre e i menu modali.
Navigazione nei banner - impostazione dei passaggi tra i banner nelle righe dei banner.
Paginazione di elementi nei banner
Cerchio | Disco |
 |  |
Frecce di scorrimento nei banner
Freccia | Freccia sottile | Pulsante di contorno | Pulsante di contorno sottile |
 |  |  |  |
Pulsante | Pulsante dentellato | Triangolo | Triangolo contornato |
 |  |  |  |
Schede prodotto
In questo blocco è possibile configurare alcuni parametri generali per le schede prodotto. In particolare: i colori delle stelle di valutazione del prodotto, il prezzo primario e promozionale e i blocchi regalo.
Impostazioni degli adesivi
Stileadesivi - imposta lo stile delle impostazioni degli adesivi; sono disponibili 5 stili;
Mostra solo il primo adesivo - solo uno degli adesivi impostati per il prodotto sarà visualizzato sulla mini-card.
Altri elementi
In questo blocco è possibile scegliere lo stile di visualizzazione del colore delle icone nei blocchi delle informazioni di contatto: a colori o monocromatico (b/n).
