Zona mare din mijlocul the builder este o previzualizare live a paginii pe care o editezi. Butoanele din bara de sus schimbă felul în care o vezi.
Desktop, Mobile și Fullscreen
Butoanele de vizualizare sunt la începutul barei de sus:
- Desktop: arată pagina așa cum apare pe un calculator.
- Mobile: arată pagina la lățimea unui telefon. Verific-o des, pentru că majoritatea cumpărătorilor folosesc telefonul.
- Fullscreen: ascunde panoul de setări, ca previzualizarea să ocupe toată lățimea. Ca să ieși, apasă Desktop sau Mobile, apasă o filă din bara laterală stângă sau selectează o secțiune cu Inspector.
Apar doar butoanele care încap în fereastră. Într-o fereastră mică, Fullscreen sau Desktop pot dispărea, iar dacă încape o singură vizualizare, butoanele sunt ascunse. Lărgește fereastra ca să le recuperezi. Constructorul își amintește vizualizarea cât timp fila browserului rămâne deschisă. După o reîncărcare, Fullscreen se deschide ca Desktop.
Modul Inspector
Inspector este pictograma de cursor din bara de sus. Este pornit când deschizi constructorul.
- Cât este pornit, când miști mouse-ul peste previzualizare, secțiunea sau blocul de dedesubt primește un contur. Un clic îl selectează și îi deschide setările în panou, iar rândul lui se deschide în fila Sections.
- Cât este pornit, previzualizarea nu reacționează ca un magazin real: linkurile, butoanele și sliderele nu funcționează, pentru că clicul tău e folosit pentru selectare.
- Apasă din nou pictograma ca să-l oprești. Acum previzualizarea funcționează ca magazinul tău, așa că poți testa meniurile, sliderele, sertarul coșului și formularele.
Și asistentul AI îl poate porni sau opri pentru tine. Vezi Acțiunile asistentului AI în constructor.
Butonul Preview
Butonul Preview (pictograma ochi, lângă Publish) deschide pagina pe care ești în magazinul real, într-o filă nouă.
- Arată versiunea publicată. Modificările nepublicate există doar în constructor, așa că apasă mai întâi Publish. Vezi Publicarea modificărilor din constructor.
- Pe paginile Product, Landing, Collection și Policy, deschide produsul, colecția sau politica aleasă în constructor. Funcționează chiar dacă acel element nu este încă publicat, dar doar pentru tine.
- Este ascuns pe paginile Checkout și Thanks, pentru că acestea au nevoie de un coș sau de o comandă reale.
- Dacă fila de previzualizare este deja deschisă, reîncarc-o după ce publici ca să vezi noua versiune.
Constructor luminos sau întunecat
Toggle theme (pictograma lună) comută constructorul însuși între modul luminos și cel întunecat. Nu schimbă magazinul tău.
Pe telefon sau tabletă
Pe un ecran îngust, panoul de setări stă peste previzualizare. Trage mânerul în jos ca să vezi mai mult din previzualizare, trage-l în sus sau atinge-l ca să readuci setările.
Înainte să publici
- Treci pe Mobile și derulează toată pagina.
- Verifică dacă textul se citește ușor pe fiecare fundal.
- Oprește Inspector și apasă pe butoane și pe linkurile din meniu ca să vezi unde duc.