Stilul vizual general al site-ului este configurat în Website → Design → Editor de design → Global styles.
Blocul Global styles 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 and background
Î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.
Text color — selectarea culorii textului principal al site-ului.
Secondary text color — selectarea culorii textului auxiliar (tooltips, nume de caracteristici etc.).
Collapsed text block style — stilul vizual de afișare a textului colapsat, de exemplu, în descrierea unui produs (linie sau gradient).
Headings
Headings 1 — selectarea culorii titlurilor H1, de exemplu, numele produsului pe pagina produsului, titlurile știrilor etc.
Headings 2 — selectarea culorilor titlurilor H2, acestea sunt subtitluri sau titluri ale blocurilor separate de pe pagină.
Pages
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ă.
Links
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.
Navigation links — linkuri care sunt utilizate pentru a naviga prin paginile site-ului: nume de categorii de catalog, produse, pagini etc.
Inline links — link-uri în texte: descrieri de produse, texte SEO etc.
Action links — 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.
Buttons and form elements
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.
Primary buttons — orice butoane principale de pe site, cum ar fi Cumpără, Trimite, etc.
Secondary buttons — butoane suplimentare în interfață, de exemplu, butonul Toate mărcile, butoanele Filtru și Variantă etc.
Form fields — setări pentru câmpurile de intrare/selecție din formularele de pe site.
Exemple de setări de rotunjire
Blocks and navigation
Acest bloc combină setările:
Blocks — părți ale unei pagini web în care elementele sunt conectate de un cadru comun.
Modal windows and menus — setarea culorii de fundal pentru ferestre modale și meniuri.
Banners navigation — setarea comutatoarelor între bannere în liniile de bannere.
Bullets de paginare în bannere
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 |
Product cards
Î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
Stickers style — 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.
Other elements
Î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).