Sari la conținut
Ajutor
Design și setări în editor

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).

3 minute de citit

Fila Inputs setează deodată aspectul tuturor câmpurilor de formular din magazin: formularul de checkout, formularul de contact, abonarea la newsletter și formularul pentru scrierea unei recenzii.

Unde o găsești

Deschide the builder, apasă pictograma rotiță și deschide fila Inputs. Are două părți: Layout și Appearance.

Layout: Type

Typecontrolează cum sunt afișate etichetele câmpurilor în formulare. Are două opțiuni: Collapse (implicit) și Expand. Ele așază eticheta fiecărui câmp puțin diferit, iar rezultatul depinde de temă. Comută între ele și uită-te la formularul de checkout în previzualizare ca să alegi.

Appearance: Icons

Majoritatea câmpurilor au o pictogramă mică, cum ar fi un telefon pentru numărul de telefon sau un marcaj de hartă pentru adresă. Icons decide unde apare:

  • None: fără pictograme. Câmpurile arată simplu și curat.
  • Default: pictograma stă în interiorul câmpului.
  • Label: pictograma stă lângă etichetă, deasupra câmpului.

Cu Default, apare o setare Position. Start pune pictograma înaintea textului, End o pune după text. Start și End urmează sensul de citire, așa că pe o pagină în arabă Start pune pictograma în dreapta.

Oricare ar fi stilul ales, câmpurile obligatorii își păstrează micul semn roșu.

Ce câmpuri urmează aceste setări

Toate tipurile de câmpuri le urmează: câmpurile de text, listele precum livrarea și plata, listele derulante precum orașul, câmpul pentru data nașterii și câmpul de culoare. Etichetele și textele de exemplu nu se setează aici. Pentru formularul de checkout sunt în fila Checkout form, iar pentru formularul de contact, newsletter și formularul de recenzie sunt în acele secțiuni.

De unde vin culorile câmpurilor

Culorile câmpurilor nu se setează aici. Ele vin din culorile Input ale schemei de culori pe care o folosește formularul: fundal, etichetă, text, chenar și fundal la hover. Vezi Scheme de culori.

Ce câmpuri apar la checkout

Această filă schimbă doar aspectul. Ca să afișezi, să ascunzi, să redenumești sau să reordonezi câmpurile de checkout, folosește fila Checkout form. Vezi Câmpurile formularului de checkout.

Sarcini frecvente

  • Un checkout curat, minimalist: setează Icons pe None.
  • Ajută cumpărătorii să înțeleagă repede fiecare câmp: setează Icons pe Default și Position pe Start.
  • Câmpurile par înghesuite pe telefoane: încearcă Icons pe Label, ca în câmp să rămână mai mult loc pentru text.
  • Poziția etichetei arată ciudat cu tema mea: comută Type pe cealaltă opțiune și compară.

Bine de știut

  • Aceste setări aparțin pieței pe care o editezi și se aplică pe toate paginile ei.
  • Modificările devin live când apeși Publish.
  • Grosimea liniei pictogramelor urmează Setările pictogramelor.
  • Te-ai răzgândit? Anulează modificarea în constructor. Vezi Scurtături, anulare și refacere.

Mai aveți nevoie de ajutor?

Scrieți-ne și vă vom răspunde.

Contact