Dvadeset sekcija za stranice dućana
Upoznaj dijelove koje možeš složiti u builderu, od hero bloka i galerije do proizvoda, najnovijih članaka, čestih pitanja i poziva na kupnju.

Dvadeset gotovih dijelova stranice
Sekcije su gradivni blokovi iz kojih slažeš stranice dućana u builderu Izgled. Ovo nije zaseban ekran u navigaciji CMS-a, nego obrasci koje otvaraš unutar tog istog buildera: klikneš na sekciju u nacrtu i s desne strane dobiješ formu s njezinim postavkama. Svaka forma je vlastiti obrazac koji ne traži poznavanje koda, ni za slaganje redoslijeda ni za odabir izgleda unutar sekcije.
Ukupno postoji dvadeset vrsta sekcija: petnaest slobodno biraš hoćeš li ih i gdje staviti, tri su obavezna srž naplate i stranice proizvoda koje postoje na svakoj trgovini i ne mogu se ukloniti, a zaglavlje i podnožje čine poseban par koji se slaže kao sekcija, ali ga dućan uvijek prikazuje, tvoj ili ugrađeni zadani. Svaka sekcija ima nekoliko izgleda, odnosno varijanti, i vlastite postavke koje se razlikuju ovisno o tome što sekcija prikazuje.
Uz izgled, gotovo svaka sekcija ima i vlastitu granicu koliko puta smije stajati na istoj stranici. Neke, poput bogatog teksta ili razdjelnika, ograničava samo ukupna granica stranice od dvadeset dijelova. Druge imaju vlastiti, strožiji broj, kako nijedna vrsta ne bi preplavila stranicu ponavljanjem iste poruke.
Naslovni blokovi i tekst stranice
Traka najave je uska poruka iznad zaglavlja s neobaveznom poveznicom; jedini je dio koji se pojavljuje na svakoj stranici dućana, pa se uređuje pod „Okvirom”, ne pod pojedinom stranicom. Naslovni blok je veliki naslov s podnaslovom, slikom i gumbom na vrhu stranice, u četiri izgleda: centrirano, slika lijevo, slika desno ili tekst preko slike; smije ih biti najviše dva po stranici, a namjerno ne ide na stranicu proizvoda, jer bi gurnuo gumb za dodavanje u košaricu ispod ruba. Bogati tekst je odlomak proze koji pišeš u Markdownu, s tri izgleda: usko, puna širina ili dva stupca. Slika i tekst kombinira sliku s naslovom, tekstom i gumbom, uz mogućnost da svaki sljedeći takav dio okrene stranu i napravi cik-cak raspored. Razdjelnik je vodoravna crta ili prazan prostor između dva dijela, uz treći izgled koji dodaje kratak tekst u sredini crte.
Povjerenje i poziv na akciju
Pojas povjerenja prikazuje dvije do pet kratkih tvrdnji uz ikonu, na primjer o brzoj dostavi ili sigurnoj naplati. Prednosti raspoređuju dva do četiri stupca, svaki s ikonom, naslovom i kratkim opisom. Poziv na akciju je pojas u boji s naslovom, kratkim tekstom i jednim gumbom, gdje boju pozadine biraš isključivo sa zatvorenog popisa od tri opcije, kako bi tekst ostao čitljiv u svakoj gotovoj temi; kao i pojas povjerenja, na stranici ih smije biti najviše dva. Česta pitanja slažu popis pitanja i odgovora kao harmoniku ili obični popis, od jednog do dvadeset pitanja, i takva sekcija smije stajati samo jednom po stranici. Uz prikaz dodaje i strukturirane podatke koje tražilice mogu prikazati kao prošireni rezultat pretrage.
Slike, video i katalog
Galerija slika prikazuje do dvanaest slika u mreži ili traci koja se pomiče postrance, svaka s vlastitim alt tekstom. Video prikazuje jedan video, ugrađeni s YouTubea ili Vimea ili kao vlastita MP4 datoteka do 100 MB. Mreža proizvoda izvlači artikle iz kataloga prema izvoru koji odabereš: najnoviji, najprodavaniji, jedna kategorija ili ručni odabir, s brojem artikala od 4 do 24. Mreža kategorija prikazuje kategorije dućana kao kartice, pilule ili popis, a ne broji se u granicu podatkovnih sekcija jer radi s popisom koji stranica ionako već učitava. Izdvojene recenzije prikazuju najbolje objavljene recenzije uz potvrđenu kupnju, a najnovije s bloga prikazuju zadnje objave kao kartice ili popis, na svim stranicama osim same stranice bloga.
Obavezna srž naplate i proizvoda
Tri sekcije nisu slobodan izbor, nego obavezan dio stranice na kojoj se pojavljuju, i ne mogu se ukloniti ni premjestiti na drugu stranicu. Sažetak košarice prikazuje stavke i iznos koji kupac na naplati stvarno plaća; ne može se ukloniti jer kupac po zakonu mora vidjeti koliko plaća prije nego potvrdi narudžbu. Podaci i plaćanje nose cijelu formu naplate s poljima za kupca, dostavu i plaćanje; njezina polja su ugovor s poslužiteljem koji čita točno određena imena, pa se pojedinačno ne mogu dodavati ni micati. Kupnja proizvoda na stranici proizvoda nosi cijenu, izbor varijante, količinu i gumb za dodavanje u košaricu; ocjena, opis i recenzije nisu dio te sekcije, nego zaseban sadržaj stranice koji uređuješ neovisno.
Zaglavlje i podnožje
Zaglavlje i podnožje se, za razliku od ostalih petnaest slobodnih sekcija, uređuju isključivo na stranici „Okvir” naprednog načina, i svaki smije imati najviše jednu sekciju. Zaglavlje nudi tri izgleda: dvoredno, jednoredno i centrirano, uz neobavezan logo, prikaz pretrage, prikaz kategorija i ljepljivost pri skrolanju; boja pozadine je ovdje iznimka jer je polje slobodan unos, dok kod ostalih sekcija s postavkom boje biraš sa zatvorenog popisa. Podnožje ima tri izgleda: jednostavno, sa stupcima i prošireno, sa stupcima poveznica, tekstom o dućanu, društvenim mrežama i ikonama plaćanja, ovisno o odabranom izgledu.
Granice, redoslijed i napredno uređivanje
Cijela stranica smije imati najviše dvadeset sekcija, a sekcije koje pri izradi stranice čitaju nešto iz kataloga ili baze najviše deset zajedno. Šest sekcija prima listu stavki umjesto jedne vrijednosti: pitanja, slike galerije, tvrdnje povjerenja, prednosti, ručno odabrane kategorije i stupce podnožja s njihovim poveznicama. Kod svih šest redoslijed u builderu je točno redoslijed kojim se stavke pojavljuju u dućanu, a strelice gore i dolje uz svaki redak to potvrđuju.
Sve postavke svih dvadeset sekcija uređuju se kroz ove obrasce, bez ijedne linije koda. Tko treba nešto što obrazac ne nudi, može otvoriti izravno uređivanje predloška te sekcije u editoru koda teme, ali to je odvojen, napredniji put koji od prvog spremanja stvara vlastitu kopiju sekcije za tvoj dućan, izvan dosega ovog popisa formi.
Dvadeset sekcija za stranice dućana u CMS-u
- Kako čitati ovaj popis
- Redoslijed stavki unutar sekcije
- Uvodni i tekstualni dijelovi
- Povjerenje i uvjeravanje
- Slike i video
- Dijelovi koji dohvaćaju podatke
- Navigacija po ponudi
- Zaglavlje i podnožje
- Srž naplate i proizvoda
- Napredno: uređivanje pojedine sekcije kroz kod
- Boja u postavkama sekcija
- Slike u sekcijama
Kako se koristi u CMS-u
Detaljan vodič vodi te kroz rad u ovom modulu, korak po korak s videom.
Pogledaj ostale module
Ostali moduli skupine Sadržaj i izgled.