Stilul vizual general al site-ului este configurat în Website → Design → Design еditor → Global styles.
Blocul Stiluri globale conține parametri care vor afecta toate elementele relevante de pe site, și anume:
Text și fundal;
Stilul de afișare a legăturilor;
Stilul butoanelor și al câmpurilor de formular de pe site;
Stilul blocurilor site-ului web;
Stilul de navigare pentru schimbarea bannerelor;
Stilul anumitor elemente ale fișei produsului.
Notă: Pentru setările de culoare, puteți specifica o valoare de culoare în format HEX, RGB, un nume de culoare standard în limba engleză sau puteți alege o culoare din paleta vizuală.
În setări, culoarea definită este întotdeauna afișată în format HEX.
Text și fundal
În această filă, puteți defini setările de bază pentru stilul fundalului și al textului de pe site-ul dvs.
Font
Font - selectarea unuia dintre cele 12 fonturi predefinite.
Culoaretext - selectarea culorii textului principal al site-ului.
Culoaretext secundar - selectarea culorii textului auxiliar (tooltips, nume de caracteristici etc.).
Stil bloc text colapsat - stilul vizual de afișare a textului colapsat, de exemplu, în descrierea unui produs (linie sau gradient).
Titluri
Headings 1 - selectarea culorii titlurilor H1, de exemplu, numele produsului pe pagina produsului, titlurile știrilor etc.
Titluri 2 - selectarea culorilor titlurilor H2, acestea sunt subtitluri sau titluri ale blocurilor separate de pe pagină.
Pagini
Page background - definește culoarea fundalului general al paginilor site-ului.
Homepage background - definește culoarea paginii principale.
404 page background - definește culoarea de fundal a paginii către care sunt direcționați vizitatorii site-ului în cazul în care link-ul către pagina site-ului este incorect sau pagina nu există.
Legături
Puteți defini trei parametri pentru linkuri: culoarea linkului în text, culoarea linkului atunci când treceți peste el și sublinierea suplimentară a linkului.
Parametrii sunt definiți separat pentru fiecare tip de link de pe site.
Linkuri de navigare - linkuri care sunt utilizate pentru a naviga prin paginile site-ului: nume de categorii de catalog, produse, pagini etc.
Link-uri în linie - link-uri în texte: descrieri de produse, texte SEO etc.
Linkuri de acțiune - linkuri care, atunci când sunt clicuite, efectuează o anumită acțiune pe site: Scrie o recenzie, Adaugă la favorite, Adaugă la comparație etc.
Butoane și elemente de formular
Pentru butoane, puteți defini culoarea butonului, culoarea textului de pe buton, culoarea marginii din jurul butonului (stroke) și dimensiunea rotunjirii colțurilor butonului.
Parametrii sunt specificați separat pentru fiecare tip de butoane.
Butoane primare - orice butoane principale de pe site, cum ar fi Cumpără, Trimite , etc.
Butoanesecundare - butoane suplimentare în interfață, de exemplu, butonul Toate mărcile, butoanele Filtru și Variantă etc.
Câmpuri de formular - setări pentru câmpurile de intrare/selecție din formularele de pe site.
Exemple de setări de rotunjire
Fără rotunjire | S | M | L |
 |  |  |  |
Blocuri și navigare
Acest bloc combină setările:
Blocuri - părți ale unei pagini web în care elementele sunt conectate de un cadru comun.
Ferestre modale și meniuri - setarea culorii de fundal pentru ferestre modale și meniuri.
Navigare bannere - setarea comutatoarelor între bannere în liniile de bannere.
Bullets de paginare în bannere
Cerc | Disc |
 |  |
Săgeți de derulare în bannere
Săgeată | Săgeată subțire | Buton de contur | Buton cu contur subțire |
 |  |  |  |
Buton | Buton indentat | Triunghi | Triunghi conturat |
 |  |  |  |
Carduri de produs
În acest bloc, puteți configura anumiți parametri generali pentru cardurile de produse. Și anume: culorile stelelor de evaluare a produsului, prețul principal și promoțional, precum și blocurile de cadouri.
Setări autocolante
Stilautocolante - stabilește stilul setărilor autocolantelor, sunt disponibile 5 stiluri;
Show only first sticker - numai unul dintre autocolantele setate pentru produs va fi afișat pe mini-card.
Alte elemente
În acest bloc, puteți alege stilul de afișare a culorii pictogramelor din blocurile de informații de contact: color sau monocrom (b/n).
