TGPRINT

Design

Aspectul site-ului public: stilul global, culorile, logo-ul și rotunjirile.

Actualizat:

Setări → Design controlează cum arată site-ul public — fără cod și fără designer. Deciziile de aici se aplică peste tot: paginile de produs, coșul, autentificarea, widgeturile. Pagina e împărțită în taburi: Stil site, Brand & Culori, Aspect, Meniu & Footer, Pagini; fiecare are propriul buton Salvează modificările.

Setările de design
Design → Stil site: alegerea stilului vizual global al magazinului dintre cele șapte variante.

Stil site

Stilul site-ului e un singur stil vizual pentru tot magazinul — pagini de produs, coș și autentificare —, ales dintre Classic, Minimal, Bordered, Compact, Mesh Grid, Spotlight și Liquid. Fiecare variantă schimbă cardurile, câmpurile și butoanele în același spirit (de la clasic cu umbre, la minimal fără chenare). Meniul și footerul își păstrează setările proprii (tabul Meniu & Footer). Un produs anume poate face excepție prin Page Design Overrides din fișa lui — vezi Fișa produsului.

Brand & Culori

Identitatea vizuală: Logo și favicon — logo-ul (PNG, JPG sau SVG, maximum 400 KB; variante pentru fond deschis și închis) și favicon-ul (doar .ICO, recomandat 16×16 sau 32×32 px), alese din Biblioteca media sau încărcate pe loc — apoi Schema de culori: culoarea principală, cea de accent, fundalurile și textul, salvate culoare cu culoare (Culoare salvată). Tema implicită decide cu ce temă se deschide site-ul (Luminoasă sau întunecată) pentru un vizitator nou; vizitatorul o poate comuta apoi singur. Culorile devin variabile pe tot site-ul.

Aspect

Setările Layout: Lățime container (px) — lățimea maximă a conținutului pe ecrane mari; Padding lateral minim (px) — spațiul de la marginea ecranului pe telefon; Rază de rotunjire (px) — rotunjirea colțurilor, aplicată proporțional cardurilor, butoanelor și câmpurilor (0 = colțuri drepte). Aceeași valoare de rotunjire o moștenesc și widgeturile și paginile de produs, ca totul să pară din aceeași familie.

Aspectul meniului și al footerului — conținutul lor se administrează separat, în Conținut → Conținut website → Meniu / Meniu footer (Meniul și footerul):

  1. Linia de sus — bara subțire de deasupra meniului (telefon, program, limbă), cu blocurile ei.
  2. Stil Meniu și Design meniu — varianta vizuală; Poziție Meniu (Sus, Stânga, Dreapta — ca sidebar, cu Lățime Sidebar și Restrâns Implicit); Meniu Fixat (rămâne vizibil la scroll); Lățime Meniu (Lățime Completă / Compact) și Aliniere Meniu (Început / Centru / Sfârșit).
  3. Culorile meniului — Culoare fundal meniu, Culoare text meniu, Culoare accent meniu, cu Fundal Transparent, Opacitate Fundal și Blur Fundal pentru efectul de sticlă.
  4. Grosime Iconițe (Subțire, Ușor, Normal, Bold, Umplut, Duotone) și Mărime Iconițe, cu perechea lor pentru footer.
  5. Stil Footer, Design Footer, Culoare fundal / text / accent footer și Lățime Footer.

Pagini

Stilul paginii de produs (poziția galeriei față de calculator, densitatea) și valorile implicite ale widgeturilor (spațieri, stil de card, efecte la hover), pe care fiecare widget le poate suprascrie individual din formularul lui — vezi Widgeturi.

Notă. Schimbările de design se văd imediat pe site, pentru toți vizitatorii. Fă modificările mari în afara orelor de vârf și verifică pe telefon: toate cele șapte stiluri sunt responsive, dar culorile prea deschise pe fundal deschis rămân problema numărul unu de lizibilitate.