Unde se afla panoul de Setari
Panoul de Setari al builderului contine controalele de design si comportament la nivel de magazin care se afla in afara oricarei sectiuni individuale. Deschide builderul, apoi in bara de pictograme din stanga apasa pe pictograma rotita (pictogramele steagului pietei, paginilor si postarilor se afla deasupra ei). Panoul se deschide ca file pliabile: Branding, Culori, Fonturi, Aspect, Animatii, Automatizari, Campuri, Pictograme, Interdictii, Finalizare, Formular de finalizare, Pagina de mentenanta, CSS personalizat si JavaScript personalizat. Fiecare modificare este o ciorna pana cand apesi Publica in bara de sus.
Setarile sunt stocate pe piata
Toate aceste setari sunt salvate pe piata, nu o singura data pentru intregul magazin. Subtitlul panoului afiseaza "Setari globale ale [numele pietei]" pentru a arata ce piata editezi. Schimba mai intai piata cu pictograma steagului, apoi deschide Setari. In cadrul unei piete, setarile sunt globale pe fiecare pagina.
Branding
Aceasta fila contine doua resurse de imagine (nu contine logoul tau, care este setat in interiorul sectiunii antetului, nu aici):
- Favicon: pictograma mica din fila browserului. Accepta PNG, JPEG, WEBP sau ICO (recomandat 32x32 sau 16x16).
- Imagine de fundal: un fundal optional la nivel de magazin. Accepta PNG, JPEG sau WEBP. Cand este setat, apar inca doua controale: Dimensiune (Acoperire sau Incadrare) si un comutator Repetare.
Culori
Fiecare piata are pana la noua scheme de culori (minimum una). Fiecare sectiune, bloc si componenta face referire la o schema prin numarul ei, asa ca editarea unei scheme recoloreaza tot ceea ce o foloseste. Apasa pe un card pentru a-i edita culorile, apasa cu butonul drept pentru a Duplica (blocat la noua) sau Sterge (blocat pe ultima schema) si trage pentru a reordona. O schema defineste culorile pentru fundaluri, titluri, text de continut, linkuri, borduri, contururi, umbre, butoane primare si secundare (cu stari de hover) si campurile de formular.
Fonturi
Tipografia atribuie o familie de font la patru roluri:
- Continut: paragrafe si text general.
- Titlu: titluri mari de pagina si de sectiune.
- Subtitlu: titluri secundare si subtitluri de sectiune.
- Accent: accentuare decorativa.
Selectorul de fonturi (cu cautare) imparte fonturile in Fonturi de sistem (se incarca instantaneu) si Fonturi care nu sunt de sistem (descarcate la vizitator, pot incetini incarcarea). Utilizarea a mai mult de un font care nu este de sistem poate afecta viteza paginii. Fiecare font latin este asociat automat cu un font arab corespunzator, astfel incat limbile de la dreapta la stanga sa fie afisate corect.
Aspect
Un singur control: Latimea paginii, un glisor de la 900px la 1400px in pasi de 100px (implicit 1200). Aceasta este latimea maxima a continutului doar pe ecranele desktop mari. Pe mobil latimea este intotdeauna 100%. Sectiunile setate pe latime completa ignora aceasta valoare si se intind de la margine la margine.
Animatii
- Dezvaluire la derulare: cum se animeaza sectiunile pe masura ce intra in zona vizibila: Niciuna, Estompare, Glisare in sus, Glisare la stanga sau Zoom (implicit Glisare in sus).
- Efect de zoom pe imagini: un comutator care activeaza zoomul la hover pe imaginile de produs.
Automatizari
Un singur comutator: Redare automata a videoclipurilor. Cand este activ, blocurile video incep sa fie redate singure. Din cauza politicilor browserelor, ele raman fara sunet pana cand vizitatorul interactioneaza cu pagina.
Campuri (stilizarea campurilor de formular)
Aceasta fila stilizeaza fiecare camp de introducere din magazin. Nu are optiune de culoare (culorile campurilor provin din schema de culori). Controalele sunt:
- Tip (Aspect): Restrange aseaza fiecare eticheta deasupra propriului camp, Extinde aseaza o singura eticheta deasupra intregului set de campuri ca un antet.
- Pictograme: Niciuna ascunde pictogramele campurilor, Implicit le afiseaza in interiorul campului, Eticheta le ataseaza la eticheta.
- Pozitie: Inceput sau Sfarsit, afisata doar cand Pictograme este setat pe Implicit.
Pictograme
Un singur control: Grosime, grosimea liniei pictogramelor de interfata, setata pe Implicit (normal) sau Groasa (aldin).
Interdictii
Restrictioneaza interactiunile browserului pentru a ingreuna copierea ocazionala. Optiuni generale: Copierea textelor si imaginilor, Selectarea textelor si imaginilor, Accesarea meniului contextual (clic dreapta) si Inspectarea paginii (elimina continutul paginii daca sunt detectate instrumentele pentru dezvoltatori). O optiune separata pentru Antet, Logoul redirectioneaza catre pagina principala, face ca logoul antetului sa duca la pagina principala cand este activ, sau decorativ cand este dezactivat.
Finalizare
- Metoda de finalizare: Adauga in cos trimite cumparatorii prin sertarul cosului, Finalizare rapida sare peste cos si merge direct la formularul de comanda.
- Metoda secundara: un comutator care ofera si metoda opusa ca optiune secundara, astfel incat un magazin cu finalizare rapida poate afisa totusi un buton de adaugare in cos, si invers.
Formular de finalizare
Aceasta fila controleaza fiecare camp din formularul de comanda. Fiecare camp este un rand pe care il poti trage pentru a reordona. Pentru fiecare camp setezi:
- Stare: Dezactivat (ascuns, eliminat din formular), Activat (afisat dar optional) sau Obligatoriu (cumparatorul trebuie sa il completeze).
- Eticheta: numele vizibil al campului (pana la 50 de caractere).
- Text indicativ: textul de sugestie din interiorul campului gol (pana la 50 de caractere).
Campurile de regiune (District, Oras, Stat, Comuna, Provincie) primesc si un control de Tip (Introducere pentru text liber sau Selectare pentru o lista derulanta), dar numai cand tara pietei active are date de locatie curatate. Campurile disponibile includ nume complet, prenume/nume, companie, gen, data nasterii, adresa, adresa linia 2, act de identitate national, cartier, district, apartament, etaj, cod postal, oras, stat, comuna, provincie, nota comenzii, cadou, e-mail, telefon, WhatsApp, link, culoare, livrare si plata. Deoarece formularul este pe piata, poti solicita un act de identitate national pe o piata si il poti ascunde pe alta.
Pagina de mentenanta
Ascunde magazinul in spatele unei pagini de asteptare in timpul actualizarilor. Controale: un comutator principal Activat (cand este activ, fiecare ruta afiseaza pagina de mentenanta, nu doar pagina principala), un Titlu (text simplu, pana la 100 de caractere), un Mesaj (text imbogatit, pana la 500 de caractere) si o Schema de culori. Dezactiveaza Activat pentru a aduce magazinul inapoi online.
CSS personalizat si JavaScript personalizat
Pentru ajustari avansate, CSS personalizat injecteaza propriile tale stiluri (pana la 1000 de caractere) si JavaScript personalizat injecteaza propriile tale scripturi, cum ar fi urmarirea de la terti (pana la 1000 de caractere). Ambele se aplica intregului magazin, asa ca foloseste-le doar daca te simti confortabil cu codul.