Direct la conținutul principal

Setări generale de design

Setări de bază pentru elementele de culoare și text ale site-ului

Actualizat cu mai mult de 2 săptămâni în urmă

Stilul vizual general al site-ului este configurat în Website → Design → Editor de design → Global styles.

Setări generale de design — Cartum

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).

Setări generale de design — Cartum

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.

Setări generale de design — Cartum

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.

Setări generale de design — Cartum

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

Fără rotunjire

S

M

L

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.

Setări generale de design — Cartum

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

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 generale de design — Cartum

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).

Setări generale de design — Cartum
Ați primit răspuns la întrebare?