O schemă de culori este un set de culori salvat. Fiecare secțiune din magazin folosește o schemă, așa că schimbi culorile într-un singur loc și toate secțiunile care folosesc acea schemă se schimbă odată cu ea.
Unde găsești schemele
Deschide the builder, apasă pictograma rotiță și deschide fila Colors. La Schemes vezi câte un card pentru fiecare schemă, numite Scheme 1, Scheme 2 și așa mai departe. Fiecare card arată o mică previzualizare a culorilor lui.
- Edit: dă clic pe un card. Se deschide un panou cu o previzualizare live sus și toate culorile dedesubt.
- Add: dă clic pe cardul cu plus de la final. Schema nouă pornește ca o copie a ultimei scheme.
- Duplicate sau Delete: dă clic dreapta pe un card sau folosește butonul de meniu din partea de sus a panoului schemei.
- Reordonare: trage un card de mâner.
Poți avea până la 9 scheme. Când ajungi la 9, cardul cu plus arată (9/9), iar Duplicate arată Limit reached. Păstrezi mereu cel puțin o schemă, așa că ultima nu poate fi ștearsă.
Culorile dintr-o schemă
General
- Background: fundalul secțiunii.
- Inner background: casetele și cardurile din secțiune.
- Heading: titlurile.
- Text: paragrafele și textul obișnuit.
- Important text: textul care trebuie să iasă în evidență, cum ar fi prețurile și cifrele numărătorii inverse.
- Badge background: umplerea insignelor de economie, a panglicilor pachetelor și a etichetelor de economie ale pachetelor.
- Links și Hover links: linkurile și linkurile aflate sub mouse.
- Border: liniile și separatoarele.
- Outline: contururile de focus, de exemplu când un cumpărător navighează prin pagină cu tastatura.
- Shadow: culoarea umbrelor.
Butonul principal și butonul secundar
Fiecare are Background, Text și Border, plus Hover background, Hover text și Hover border pentru când mouse-ul este deasupra butonului. Butonul principal este principalul tău îndemn la acțiune, cum ar fi butonul de cumpărare.
Câmpuri
Câmpurile de formular: Background, Label, Text (ce scrie cumpărătorul), Border și Hover background.
Cum își aleg secțiunile schema
Selectează o secțiune și găsește setarea Color scheme. Alege o schemă din listă. Lista are un link către schemele de culori, dacă vrei să le editezi.
Multe blocuri dintr-o secțiune au un comutator Use parent color scheme. Pornit, blocul folosește culorile secțiunii din jurul lui. Oprit, apare o setare Color scheme, ca blocul să-și poată folosi propria schemă. În blocul de scriere a unei recenzii, Inherit scheme face ca butonul să folosească culorile secțiunii. Oprit, alegi o Button scheme. Alte locuri care folosesc o schemă sunt panourile meniului din antet și pagina de mentenanță.
Bine de știut
- Secțiunile țin minte numărul, nu culorile. Dacă tragi Scheme 3 pe primul loc, toate secțiunile care foloseau schema 1 arată acum culorile mutate acolo. Verifică paginile după reordonare.
- Ștergerea unei scheme mută secțiunile ei pe schema de dinainte (sau pe prima schemă). Duplicarea pune copia imediat după original și păstrează toate secțiunile pe culorile lor actuale.
- Schemele aparțin pieței pe care o editezi. Dacă vinzi în mai multe piețe, schimbă mai întâi piața cu steagul.
- Modificările devin live când apeși Publish.
Sfaturi
- Păstrează o schemă deschisă și liniștită pentru majoritatea secțiunilor și o schemă puternică pentru hero și îndemnurile la acțiune.
- Fă butonul principal clar diferit de fundal.
- Verifică dacă textul se citește ușor pe fundalul lui, inclusiv pe un telefon la lumina zilei.