Sekcie verzus bloky
Sekcia je riadok na celú šírku stránky. Sekcie sa ukladajú vertikálne a môžu byť zoradené, skryté alebo odstránené. Blok je kus obsahu vo vnútri sekcie: textový blok, obrázok, tlačidlo alebo rozložovacie skupiny. Niektoré sekcie obsahujú pevnú sadu blokov (ako hlavička), zatiaľ čo iné vám umožňujú bloky slobodne pridávať, odstraňovať a usporiadavať.
Globálne sekcie (zobrazujú sa na každej stránke)
Oznamovací pruh
Tenký propagačný pruh v hornej časti stránky. Môžete pridať až 7 individuálnych oznamovacích správ, každú s vlastným textom. Správy sa striedajú v dvoch režimoch: Ticker (nepretržitý horizontálny posun) alebo Prezentácia (zreteľné prechody s nastaviteľným intervalom 2 až 10 sekúnd). Ďalšie možnosti zahŕňajú smer textu (zľava doprava alebo sprava doľava), oddeľovací znak medzi správami tickeru, veľkosť písma (10 až 30 px) a farebnú schému. Na stránku môžete pridať maximálne 2 oznamovacie pruhy.
Hlavička
Hlavný navigačný pruh. Obsahuje päť pevných blokov, ktoré nemožno pridávať, odstraňovať ani usporiadávať, iba konfigurovať:
- Logo: zobrazuje obrázok značky vášho obchodu. Nastavte polohu (vľavo, v strede alebo vpravo), šírku (20 až 300 px), výšku (20 až 300 px) a výplň.
- Ponuka: navigačná ponuka. Vyberte ponuku, ktorú ste vytvorili v Ponuky, potom nastavte horizontálnu polohu, riadok hlavičky, v ktorom sa nachádza (horný alebo dolný), typ zobrazenia (zásuvka, mega ponuka alebo rozbaľovacia ponuka) a farebnú schému pre panel rozbaľovacej ponuky. Možnosť lišty ponuky pridá farebný pruh na celú šírku za dolný riadok.
- Vyhľadávanie: ikona vyhľadávania, ktorá otvára prekrytie vyhľadávania produktov. Nastavte horizontálnu polohu (vľavo alebo vpravo) a riadok.
- Košík: ikona košíka s odznakom počtu položiek. Typy zobrazenia: Zásuvka (bočný panel), Rozbaľovacia ponuka (mini košík v hlavičke) alebo Stránka (presmeruje na celú stránku košíka). Každý typ má vlastný selektor farebnej schémy.
- Lokalizácia: selektor krajiny a jazyka pre obchody s viacerými trhmi. Prepínajte, či zobraziť názov a vlajku krajiny, a nastavte polohu a riadok.
Nastavenia na úrovni hlavičky zahŕňajú: Správanie pri lepení (Posúvanie (inteligentné lepenie: skryje sa pri posúvaní nadol, znovu sa objaví pri posúvaní nahor), Vždy (trvale fixné hore), Zmenšenie (zmenší sa pri posúvaní) alebo Nikdy (posúva sa so stránkou)), Šírka (ohraničená stránkou alebo po okraje), farebnú schému, horné a spodné výplne a pole vlastného CSS. Maximálne 1 hlavička na stránku.
Päta
Dolná sekcia každej stránky. Môžete pridávať, odstraňovať a usporiadávať bloky vo vnútri päty. Dostupné bloky päty:
- O nás: oblasť príbehu značky obsahujúca vaše logo, textové bloky, kontaktné informácie a voliteľné rozložovacie skupiny. Podporuje ovládacie prvky smeru, zarovnania, medzery, šírky a výplne. Maximálne 1 na pätu.
- Ponuka: navigačná ponuka zobrazená ako zoznam odkazov. Vyberte ponuku, ktorú ste vytvorili v Ponuky. Maximálne 1 na pätu.
- Ikony sociálnych sietí: riadok ikon sociálnych platforiem. Podporované platformy: Facebook, Instagram, Threads, X (Twitter), TikTok, Snapchat, YouTube, LinkedIn, Pinterest, Tumblr, WhatsApp a Telegram. Nastavte veľkosť ikony (12 až 64 px), medzeru (0 až 48 px), tvar (žiadny, kruh, zaoblený alebo štvorec), štýl výplne tvaru (plochý alebo obrys), veľkosť kontajnera (26 až 80 px), farebnú paletu (farby značky, monochromatické alebo vlastná farba) a efekt hover (žiadny, značka, škálovanie, zdvihnutie alebo nepriehľadnosť). Maximálne 1 na pätu.
- Ikony platieb: automaticky zobrazuje ikony pre platobné metódy, ktoré ste povolili vo vašom obchode (Visa, Mastercard, PayPal, Stripe, Apple Pay atď.). Nie je potrebná žiadna konfigurácia. Maximálne 1 na pätu.
- Odkazy na zásady: odkazy na vaše právne stránky (Ochrana súkromia, Obchodné podmienky, Zásady vrátenia, Zásady dopravy), automaticky generované zo zásad vášho obchodu. Nastavte veľkosť písma (12 až 20 px) a veľkosť písmen (predvolená alebo veľké). Maximálne 1 na pätu.
- Autorské práva: zobrazuje rok autorských práv a názov vášho obchodu s voliteľným riadkom "Vytvorené v Storeep". Nastavte veľkosť písma (12 až 20 px), veľkosť písmen a či zobraziť pripisovanie Storeep. Maximálne 1 na pätu.
- Text, Oddeľovač a Skupina: rovnaké komponenty rozloženia dostupné v iných sekciách. Podrobnosti nájdete v Komponenty rozloženia.
Sekcie domovskej stránky
Hero
Bannerová sekcia na celý pohľad s mediálnym pozadím (obrázok alebo video). Dva režimy zobrazenia: Jednoduchý (jedno pozadie) a Rozdelený (dva mediálne panely vedľa seba). Predvoľby výšky: Malý (50 % výšky pohľadu), Stredný (70 %), Veľký (90 %), Celá obrazovka (celá výška obrazovky), Obrázok (prispôsobí sa prirodzenej veľkosti vašich médií, takže je viditeľný celý obrázok) alebo Vlastný (percento definované používateľom). Bloky obsahu sa prekrývajú nad médiami a podporujú rovnaké ovládacie prvky rozloženia ako skupina: smer, zarovnanie, medzera a výplň. Prekrytie s plnou alebo gradientnou výplňou možno aplikovať na médiá. Keď je umiestnené priamo za hlavičkou a je povolená možnosť Priehľadná hlavička, hlavička sa zmieša do hero a použije jeho farebnú schému.
Odporúčané produkty
Mriežka alebo karusel produktov z vášho katalógu. Zdroje: Manuálny (vyberiete konkrétne produkty), Najnovšie (naposledy pridané produkty) alebo Najpredávanejšie (produkty zoradené podľa objemu predaja). Nakonfigurujte počet stĺpcov na ploche (1 až 8), stĺpcov na mobile (1 alebo 2), medzeru medzi kartami, šírku sekcie a farebnú schému. Obsahuje blok karty produktu, ktorý definuje rozloženie každej karty (obrázok, názov, cena, hodnotenie a tlačidlo kúpiť), plus voliteľné textové bloky a oddeľovače nad alebo pod mriežkou.
Prezentácia
Karusel obrázkov alebo videí na celú šírku. Každý snímok môže mať vlastné mediálne pozadie, prekrytie a bloky obsahu (text, tlačidlo, skupina a oddeľovač). Až 7 snímok na prezentáciu, maximálne 2 sekcie prezentácie na stránku. Dostupné iba na domovskej stránke.
Newsletter
Formulár na prihlásenie e-mailom. Režimy zobrazenia: Vložený (vložený na stránku) alebo Pevný (plávajúci widget ukotvený v spodnom rohu). Bloky vo vnútri zahŕňajú text (nadpisy a popisy), pole na zadanie e-mailu (s voliteľným štítkom, miestodržiteľom a upozornením na ochranu súkromia), tlačidlo prihlásenia (ikona alebo textový štítok, s možnosťou vizuálneho zlúčenia s poľom vstupu), oddeľovače a skupiny. Môžete tiež nakonfigurovať nadpis úspechu a správu zobrazenú po prihlásení niekoho.
Sekcie stránky produktu
Informácie o produkte
Hlavná sekcia podrobností o produkte. Obsahuje galériu médií produktu (obrázky a videá), oblasť podrobností produktu (názov, cena, odznak úspor, varianty, formulár na nákup, tlačidlo objednávky WhatsApp a odpočítavač) a blok popisu produktu. Formulár na nákup podporuje vložené alebo vyskakovacie rozloženie, prepínač súhrnu objednávky, vlastný nadpis a podnadpis, vlastné štítky tlačidiel pre Pridať do košíka a Kúpiť teraz, háčik správy darčeka a odpočítavač pre vypršanie zľavy. Táto sekcia je povinná na stránke produktu.
Súvisiace produkty
Mriežka produktov zobrazujúca produkty súvisiace s aktuálne prezeraným produktom, na základe rovnakej kolekcie alebo manuálne zostavená. Používa rovnaký systém kariet produktov ako sekcia Odporúčané produkty.
Recenzie
Zobrazuje recenzie zákazníkov pre aktuálny produkt. Obsahuje blok súhrnu recenzií (priemerné hviezdicové hodnotenie, celkový počet recenzií a voliteľné stĺpce distribúcie hviezd) a blok formulára recenzií (tlačidlo, ktoré otvára panel na odoslanie recenzie). Recenzie sú moderované pred publikovaním.
Sekcie pristávacej stránky
Informácie o pristávaní
Predajná sekcia produktu pre pristávacie stránky. Podobná Informáciám o produkte, ale rozložená pre vyhradenú predajnú stránku: kombinuje formulár produktu, médiá, popis a súvisiace bloky obsahu v jednom sústredenom rozložení. Táto sekcia je povinná na pristávacej stránke.
Sekcie stránky kolekcie
Produkty kolekcie
Mriežka produktov pre stránku kolekcie. Zobrazené produkty sa sťahujú z kolekcie, na ktorú zákazník prešiel. Môžete nakonfigurovať stĺpce na ploche (1 až 8), stĺpce na mobile (1 alebo 2), medzeru medzi kartami, možnosti triedenia, bočný panel filtrovania a rozloženie karty produktu. Táto sekcia je povinná na stránke kolekcie.
Sekcie stránky vyhľadávania
Vyhľadávacie produkty
Mriežka produktov pre výsledky vyhľadávania. Zobrazuje produkty zodpovedajúce vyhľadávaciemu dopytu zákazníka. Používa rovnakú kartu a konfiguráciu mriežky ako sekcia Produkty kolekcie. Táto sekcia je povinná na stránke vyhľadávania.
Sekcie stránky kontaktu
Kontakt
Kontaktný formulár s poliami pre meno, e-mail, predmet a správu. Nad alebo pod formulárom môžete pridať textové bloky a rozložovacie skupiny. Štítok a štýl tlačidla odoslania (primárny alebo sekundárny) sú konfigurovateľné. Odoslané správy sa zasielajú na e-mailovú adresu vášho obchodu. Táto sekcia je povinná na stránke kontaktu.
Sekcie dostupné na všetkých stránkach
Text
Samostatná textová sekcia pre nadpis, odsek alebo blok formátovaného obsahu. Až 3 textové sekcie na stránku. Podrobnosti o všetkých nastaveniach textu nájdete v Komponenty rozloženia.
Obrázok
Samostatná sekcia obrázka. Až 3 sekcie obrázkov na stránku. Nakonfigurujte šírku, zarovnanie, pomer strán (automatický, portrét 3:4, štvorec 1:1 alebo krajina 4:3), prispôsobenie (cover alebo contain), zaoblenie rohov, výplň a voliteľný odkaz po kliknutí.
Oddeľovač
Horizontálna alebo vertikálna oddeľovacia čiara. Až 10 oddeľovacích sekcií na stránku. Nakonfigurujte hrúbku, dĺžku (ako percento kontajnera), štýl koncov (ostrý alebo zaoblený), zarovnanie, farebnú schému, šírku (prispôsobenú alebo plnú) a výplň. Podrobnosti nájdete v Komponenty rozloženia.
FAQ
Sekcia často kladených otázok vo formáte harmoniky. Pridajte toľko párov otázok a odpovedí, koľko potrebujete. Nakonfigurujte farebnú schému, šírku sekcie a výplň.
Vlastný kód
Sekcia pre surové HTML, CSS a JavaScript. Vaše HTML je vložené do jedinečného kontajnera na stránke. CSS, ktoré napíšete, sa automaticky ohraničí na tento kontajner, takže vaše štýly nemôžu ovplyvniť iné sekcie. JavaScript beží v izolovanom rozsahu a dostane kontajner ako svoju jedinú referenciu, načítanú po tom, čo je obsah stránky pripravený, takže vaše dotazy sa správne vyriešia. Maximálne 2 sekcie vlastného kódu na stránku. Užitočné na vkladanie widgetov tretích strán, vlastných animácií alebo čohokoľvek iného, čo štandardné sekcie nedokážu vyjadriť.