Lo stile visivo complessivo del sito è configurato in Sito web → Design → Editor de design → Global styles.
Il blocco Global styles 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.
Text color — selezione del colore del testo principale del sito.
Secondary text color — selezione del colore del testo ausiliario (tooltips, nomi di funzioni, ecc.).
Collapsed text block style — lo stile visivo di visualizzazione del testo collassato, ad esempio nella descrizione di un prodotto (linea o sfumatura).
Titoli
Headings 1 — selezione del colore dei titoli H1, ad esempio il nome del prodotto nella pagina del prodotto, i titoli delle notizie, ecc.
Headings 2 — selezione dei colori dei titoli H2, che sono sottovoci o titoli di blocchi separati della pagina.
Pagine
Page background — definisce il colore dello sfondo generale delle pagine del sito.
Homepage background — definisce il colore della pagina principale.
404 page background — 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.
Navigation links — link utilizzati per navigare tra le pagine del sito: nomi di categorie di catalogo, prodotti, pagine, ecc.
Inline links — link nei testi: descrizioni dei prodotti, testi SEO, ecc.
Action links — 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.
Primary buttons — tutti i pulsanti principali del sito web, come Acquista, Invia , ecc.
Secondary buttons — pulsanti aggiuntivi dell'interfaccia, ad esempio il pulsante Tutte le marche, i pulsanti dei filtri e delle varianti, ecc.
Form fields — 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:
Blocks — parti di una pagina web in cui gli elementi sono collegati da una cornice comune.
Modal windows and menus — impostazione del colore di sfondo per le finestre e i menu modali.
Banners navigation — 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
Stickers style — imposta lo stile delle impostazioni degli adesivi; sono disponibili 5 stili;
Show only first sticker — 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).
