Design și setări în editor

17 articole

Ce sunt filele Settings din constructor și cum le folosesc? O prezentare a fiecărei file Settings din constructor: Branding, Colors, Fonts, Layout, Animations, Automations, Inputs, Icons, Prohibitions, Checkout, Checkout form, Maintenance page, Custom CSS și Custom Javascript, setate pe fiecare piață.
Cum adaug în magazin un favicon, o imagine de fundal și logoul meu? Fila Branding din constructor: setează faviconul (pictograma din fila browserului) și o imagine de fundal pentru pagini, cu Size (Cover, Contain) și Repeat. Unde setezi logoul în antet și subsol și unde sunt culorile și fonturile.
Cum funcționează schemele de culori și cum schimb culorile magazinului? Creează și editează scheme de culori în fila Colors din constructor: fundal, text, linkuri, insigne, chenare, umbră, butoane principale și secundare și câmpuri de formular. Află cum își aleg secțiunile schema, ce face schema părintelui, limita de 9 scheme și de ce reordonarea schimbă culorile.
Cum schimb fonturile și grosimea textului din magazin? Schimbă fonturile magazinului în fila Fonts din constructor: fonturile Body, Heading, Subheading și Accent, fonturile de sistem și cele care nu sunt de sistem, căutarea de fonturi, textul în arabă și Text weight (Normal, Medium, Bold).
Cum schimb lățimea paginilor din magazin? Setează lățimea maximă a paginilor magazinului în fila Layout din constructor (de la 900 la 1400 px), cum funcționează pe telefoane și pe ecrane mari și cum secțiunile pe toată lățimea merg de la o margine la alta.
Cum adaug sau opresc animațiile la derulare și zoomul pe imagini din magazin? Folosește fila Animations din constructor: Scroll reveal (None, Fade, Slide up, Slide in, Zoom) ca să animezi secțiunile când cumpărătorii derulează și Images zoom effect ca să mărești imaginile sub mouse. De ce animațiile nu apar în constructor.
Cum fac videoclipurile să pornească automat în magazin? Pornește Autoplay Videos în fila Automations din constructor, ca videoclipurile să pornească atunci când cumpărătorii ajung la ele. Include videoclipurile încărcate și cele încorporate din YouTube, Vimeo, TikTok și Dailymotion, de ce pornesc fără sunet și pauza când nu se văd.
Cum schimb stilul câmpurilor din formularele magazinului? Folosește fila Inputs din constructor ca să stilizezi toate câmpurile de formular din magazin (checkout, contact, newsletter, recenzie): Type pentru etichete (Collapse sau Expand), pictogramele câmpurilor (None, Default, Label) și Position a pictogramei (Start sau End).
Cum fac pictogramele din magazin mai groase? Folosește fila Icons din constructor ca să setezi Stroke pentru toate pictogramele magazinului, Default sau Heavy: pictogramele de coș și căutare din antet, săgețile meniurilor, pictogramele câmpurilor din formulare și pictogramele din secțiuni.
Cum îi opresc pe vizitatori să-mi copieze textele și imaginile sau să dea clic dreapta în magazin? Folosește fila Prohibitions din constructor: blochează copierea, selectarea textelor și imaginilor, meniul de clic dreapta și inspectarea paginii cu instrumentele pentru dezvoltatori și oprește logoul din antet să ducă la pagina principală. Ce pot și ce nu pot face aceste protecții.
Cum aleg între Add to cart și Fast checkout? Folosește fila Checkout din constructor ca să setezi Checkout method (Add to cart, cu coș, sau Fast checkout, direct de pe pagina produsului) și Secondary method, care adaugă celălalt buton. Ce se schimbă pe paginile de produs, pe cardurile de produs, în coș și pe pagina coșului.
Cum adaug, ascund, fac obligatorii, redenumesc sau reordonez câmpurile din formularul de checkout? Editează formularul de checkout în fila Checkout form: fiecare câmp (nume, telefon, e-mail, adresă, oraș, regiune, cod poștal, notă, livrare, plată, cod de reducere), Disabled, Enabled sau Required, etichete, texte de exemplu, liste pentru oraș și regiune, zone de livrare și ordinea.
Cum pun magazinul în modul de mentenanță sau cum afișez o pagină „în curând”? Pornește modul de mentenanță în fila Maintenance page din constructor ca să ascunzi magazinul în spatele unui mesaj cât timp îl pregătești. Setează titlul, mesajul și schema de culori și află cum funcționează pe fiecare piață și cum redeschizi magazinul.
Cum creez meniuri de navigare și le adaug în antet și subsol? Creează meniuri de navigare cu până la trei niveluri de linkuri (liste derulante și mega meniuri), cu linkuri către produse, colecții, pagini și politici, apoi conectează un meniu la antetul sau subsolul magazinului în constructor.
Pot adăuga în magazin cod personalizat, scripturi sau etichete meta (HTML, CSS, JavaScript, secțiunea head)? Unde îți poți adăuga propriul HTML, CSS și JavaScript în constructor (secțiunea Custom code, Custom CSS, Custom Javascript), de ce nu poți lipi cod în secțiunea head și ce aplicație să folosești în schimb pentru verificarea Google Search Console, Google Tag Manager și pixeli.
Cum adaug CSS personalizat pentru tot magazinul sau pentru o singură secțiune? Adaugă propriul CSS în constructor: fila de setări Custom CSS pentru tot magazinul și fila Custom CSS a unei secțiuni, care stilizează doar acea secțiune. Cum este limitat CSS-ul secțiunii, selectorul &, media queries și sfaturi când CSS-ul nu funcționează.
Cum adaug JavaScript personalizat pentru tot magazinul? Adaugă propriul JavaScript pe toate paginile magazinului cu fila Custom Javascript din constructor. Când rulează codul, de ce nu rulează din nou pe fiecare pagină, erorile și de ce etichetele de urmărire și codurile de verificare se pun în aplicații.