Text, Image și Divider funcționează ca secțiuni complete pe orice pagină și ca blocuri în multe alte secțiuni. Setările lor sunt aceleași în ambele locuri, cu mici diferențe notate mai jos.
Adaugă unul
În the builder, apasă Add new section. Text și Image sunt în grupul Content, Divider în Decoration. Pe o pagină poți adăuga până la 3 secțiuni Text, 3 secțiuni Image și 10 Divider. Ca să adaugi unul ca bloc, selectează o secțiune și apasă Add new block.
Text
- Text: editorul are aldine, cursive, subliniere, tăiere, mărimea textului (Small, Normal, Large, Huge), culoarea textului, culoarea de evidențiere și un buton care șterge formatarea.
- Preset: Default, Paragraph sau Heading 1 până la Heading 6. Titlurile folosesc fonturile pentru titluri și le arată motoarelor de căutare cum este construită pagina. Folosește un singur Heading 1 pe pagină.
- Font: Default folosește fontul presetării. Body, Heading, Subheading sau Accent folosește în schimb acel font din setările Fonts.
- Size (de la 10 la 30 de pixeli), Line height și Letter spacing (Tight, Normal sau Loose).
- Width: Fit (cât textul) sau Fill (toată lățimea). Alignment (stânga, centru, dreapta) apare cu Fill.
Pe pagina de colecție, textul poate folosi {{collection_name}}, {{collection_description}} și {{products_count}} ca să arate valori dinamice pentru colecția vizualizată.
Image
- Image: alege o imagine din biblioteca media.
- Width: Fit, Fill sau Custom cu un Custom width în procente. Alignment este ascuns cu Fill.
- Ratio: Auto (forma proprie a imaginii), Portrait, Square sau Landscape. Cu o proporție fixă, Fit alege Cover (umple cadrul, poate decupa) sau Contain (arată toată imaginea).
- Corner radius: rotunjește colțurile, de la 0 la 100 de pixeli.
- Link: opțional. Imaginea deschide această adresă la clic, de exemplu
https://example.com/products/your-link.
Divider
O linie care desparte conținutul. Este orizontală într-o aranjare pe verticală și devine verticală când este pusă direct într-un grup orizontal.
- Width: Fit sau Fill.
- Thickness: de la 1 la 10 pixeli. Length: de la 5% la 100% din spațiu.
- Alignment: Start, Center sau End. Apare când Length este sub 100%.
- Corner radius: capete de linie Sharp sau Rounded.
Culori și spațiere
- Ca secțiune, fiecare are o Color scheme: fundalul, culoarea textului și, pentru separator, culoarea liniei (culoarea chenarului din schemă). Vezi Scheme de culori.
- Ca bloc, Text are Use parent color scheme (pornit implicit). Oprește-l ca să alegi altă schemă. Imaginile din blocuri urmează secțiunea lor.
- Padding pe fiecare parte. O secțiune Divider permite până la 200 de pixeli, pentru un spațiu mai mare între secțiuni.
Bine de știut
- Textul gol nu apare în magazin, așa că un bloc Text gol nu lasă spațiu liber.
- Imaginea este decupată: setează Fit pe Contain sau Ratio pe Auto.
- Separatorul nu este vertical: trebuie să stea direct într-un grup setat pe Horizontal, vezi Cum folosesc blocurile Group ca să pun conținut unul lângă altul sau pe coloane?.