> For the complete documentation index, see [llms.txt](https://napoveda.rocketoo.cz/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://napoveda.rocketoo.cz/casto-kladene-dotazy/jak-upravit-uvodni-stranku/sekce-na-hlavni-strance.md). # Sekce na hlavní stránce Seznam sekcí, které můžete vložit do hlavní stránky vašeho e-shopu. {% hint style="info" %} Nabízené sekce se liší podle právě zvolené šablony. V některé šabloně tedy zde uvedená sekce nemusí být dostupná. {% endhint %} #### Obecné nastavení Pokud to zobrazení sekce dovoluje, tak u každé sekce můžete nastavit **Nadpis** a **Podnadpis**, které se zobrazí na e-shopu nad danou sekcí. Pod nastavením každé sekce najdete dvojici záložek **Zobrazení** a **Nastavení**. Na první z nich můžete sekci nastavit jako **Skrytá sekce** a dočasně ji tak přestat zobrazovat. Na druhé záložce najdete pokročilejší nastavení hlavně pro ty co ovládají HTML a JS. Můžete tam nastavit CSS třídu hlavnímu elementu dané sekce a také jeho ID. Díky tomu si můžete upravit pomocí vlastních CSS stylů zobrazení sekce. Můžete zde také nastavit JS funkce, které se mají vykonat při událostech *Click*, *Focus* a *Blur*, když nastanou u dané sekce. ## Banner Pomocí této sekce si mžete na hlavní stránce zobrazit sadu banneru, kterou jste si vytvořili pomocí modulu ***Bannery***. Ten najdete v **App** / **Bannery**. Nastavení této sekce je jednoduché. V rozbalovacím menu vyberete jeden z předem vytvořených bannerů. ## Bannery - řádek S touto sekcí můžete na hlavní stránku vložit až 4 bannery, které se zobrazí v řádku vedle sebe. Pokud tedy zadáte jeden banner, tak bude na celou šířku stránky, pokud dva tak každý zabere polovinu stránky, při třech bannerech 1/3 a čtyři bannery budou široké jako 1/4 stránky. ![Bannery - řádek](https://2581951975-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-M8g4-si8hFmKl7wXNja%2F-MGMnuK9gwnKoJVUEP5S%2F-MGMqT_74FkXS6-e90K5%2Fbannery-radek-2.png?alt=media\&token=798f8102-104b-4f9f-a7a7-0f0726b30f77) Nastavení vám umožní vybrat obrázek banneru (kliknutím na tlačítko **Přidat banner**) a zadat **Odkaz** na který chcete přesměrovat po kliknutí na banner. Banner můžete také dočasně skrýt pomocí zašrtávátka **Zobrazit banner**. ![Bannery - řádek nastavení](https://2581951975-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-M8g4-si8hFmKl7wXNja%2F-MGMnuK9gwnKoJVUEP5S%2F-MGMqeM3x4n_oCxytaGB%2Fbannery-radek-1.png?alt=media\&token=b178528d-0f61-4683-86ce-51adb94e72ac) ## Doporučení zákazníků Takto sekce zobrazí na hlavní stránce vámi zadané hodnocení zákazníků. Zadaná hodnocení se vypisují do dvou sloupců. ![Doporučení zákazníků](https://2581951975-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-M8g4-si8hFmKl7wXNja%2F-MGMr4tJWHr-vbvspV7X%2F-MGMtI7KeM78_I5qjm57%2Fdoporuceni-zakazniku-2.png?alt=media\&token=c32ef7d9-0c21-421f-bf63-f0d77ba212a6) V nastavení této sekce můžete pomocí tlačítka **Přidat doporučení** vytvořit jednotlivá doporučení. U nich pak můžete vybrat fotografii autora doporučení jeho jméno a text jeho doporučení. ![Doporučení zákazníků nastavení](https://2581951975-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-M8g4-si8hFmKl7wXNja%2F-MGMr4tJWHr-vbvspV7X%2F-MGMtZIZKkjbumBzoFxi%2Fdoporuceni-zakazniku-1.png?alt=media\&token=966df597-3d20-4c86-8e29-1cfa4314c84c) ## Fotografie - slider Sekce s nekonečným sliderem se zadaných fotek. ![Fotografie - slider](https://2581951975-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-M8g4-si8hFmKl7wXNja%2F-MGP9lerk5BuilX8R2aM%2F-MGPBr3EkGy9dAmHsVhm%2Ffotografie-slider-2.png?alt=media\&token=6e855472-9a37-4d8c-9e92-1c2b908747c3) V nastavení slideru zadáváte **Počet fotek na stránku**, tj. počet fotek které se zobrazí vedle sebe v řadě v jednom slajdu. Pomocí tlačítka **Přidat fotku** vložíte do slideru další fotografii, u které můžete vybrat obrázek, zadat odkaz a popis. Pokud zadáte popis, tak se bude zobrazovat pod fotografii zarovnaný na střed. Fotografii můžete také dočasně skrýt pomocí zaškrtávátka **Zobrazit fotku**.\ Pokud zaškrtnete volbu **Automaticky stránkovat**, tak se bude slider automaticky posouvat v zadaném čase, který zadáte. ![Fotografie - slider nastavení](https://2581951975-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-M8g4-si8hFmKl7wXNja%2F-MGP9lerk5BuilX8R2aM%2F-MGPBxg-7IFF5lTBKqbk%2Ffotografie-slider-1.png?alt=media\&token=866af672-25cc-4173-aa03-4b6084791d78) ## HTML box Pomocí této sekce můžete zadat libovolný HTML kód, který se vám zobrazí na hlavní stránce. ## Hodnocení obchodu Tato sekce vám na stránce zobrazí blok z výpisem zadaných hodnocení obchodu. Je potřeba mít nainstalováno rozšíření **Hodnocení**. ![Hodnocení obchodu](https://2581951975-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-M8g4-si8hFmKl7wXNja%2F-MGPDW2ZqGtA7G6hyRu1%2F-MGPGIfiCYuhswzftaHr%2Fhodnoceni-obchodu-1.png?alt=media\&token=1786ee93-8fc5-40c6-b28e-4f04bcd21559) Nastavení můžete pomocí přepínače **Zobrazit celkové hodnocení** zapnout nebo vypnout zobrazování bloku s celkovým skóre. Další volbou nastavíte **Počet hodnocení zobrazených na stránku**. Pokud máte zadáno více hodnocení než kolik zde nastavíte, tak se vypíše pouze zadaný počet hodnocení. Pokud zaškrtnete volbu **Zobrazit stránkování**, tak se hodnocení budou stránkovat po zadaném počtu hodnocení. ![Hodnocení obchodu nastavení](https://2581951975-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-M8g4-si8hFmKl7wXNja%2F-MGPDW2ZqGtA7G6hyRu1%2F-MGPGQZUVxAIPnjZUDp3%2Fhodnoceni-obchodu-2.png?alt=media\&token=153dfd49-6b29-4583-9e8d-9f01d9570ee4) ## Instagram Tato sekce zobrazí na hlavní stránce fotografie z vašeho instagramového účtu. Pro správnou funkci je potřeba mít zapnuté rozšíření Instagram a v jeho nastavení mít zadaný váš instagramový profil. ![Instagram](https://2581951975-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-M8g4-si8hFmKl7wXNja%2F-MGMr4tJWHr-vbvspV7X%2F-MGMvBA1qWmafdReFQ9-%2Finstagram-2.png?alt=media\&token=47e30100-fe78-449e-9f4f-6ba9601bae51) Nastavení této sekce se skládá jen ze zadání **Počtu zobrazených fotek**, který chcete na hlavní stránce zobrazit. ![Instagram nastavení](https://2581951975-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-M8g4-si8hFmKl7wXNja%2F-MGMr4tJWHr-vbvspV7X%2F-MGMv8UG8tE_VSPhUYFn%2Finstagram-1.png?alt=media\&token=a205cbb8-ceca-4a72-82e1-8b0d30f4ab90) ## Loga Pomocí sekce Loga vložíte do hlavní stránky slider se zadanými logy. ![Loga](https://2581951975-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-M8g4-si8hFmKl7wXNja%2F-MGMxgCKj9a7M8shvM2O%2F-MGN04lCXka1O4JByTMM%2Floga-2.png?alt=media\&token=2db36a34-c87e-4b31-90a5-e33dcd13098e) V nastavení můžete zadat **Počet log na stránku**, tj. kolik log se vám zobrazí v jednom slajdu vedle sebe. A pak už jen pomocí tlačítka **Přidat logo** zadáte jednotlivá loga, které chcete zobrazit. U nich vyberete obrázek loga a zadáte **Odkaz** na který chcete přesměrovat po kliknutí. Logo můžete také dočasně skrýt pomocí zaškrtávátka **Zobrazit logo**. ![Loga nastavení](https://2581951975-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-M8g4-si8hFmKl7wXNja%2F-MGMxgCKj9a7M8shvM2O%2F-MGN08t9XcmzfGM8SpZV%2Floga-1.png?alt=media\&token=9bf14b0f-a3e3-46ba-9558-0e29ca0c6a30) ## Newsletter Pomocí této sekce vložíte do hlavní stránky formulář pro zadání e-mailu pro odběr newsletteru. Tato sekce nemá žádné vlastní nastavení. Pro správnou funkci je však potřeba mít aktivovaný sběr e-mailů v jednom z pluginů: *MailChimp*, *SmartEmailing* nebo *Ecomail*. ![Newsletter](https://2581951975-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-M8g4-si8hFmKl7wXNja%2F-MGP835cuchtGcmh6rtc%2F-MGP9YgrhYZx1uMuTFvS%2Fnewsletter-2.png?alt=media\&token=83440a65-b701-4cd6-8b85-9b78d7ab6e43) ## Slide banner Tato sekce vloží do hlavní stránky bannery nadefinované pomocí rozšíření **Slide banner**, které vám umožňuje vytvářet bannery obsahující nadpis, text, tlačítko a obrázek produktu. U bannery také můžete nastavit obrázek na pozadí. ![Slide banner](https://2581951975-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-M8g4-si8hFmKl7wXNja%2F-MGPHJVf4O0w1L65-2LE%2F-MGPNULHMkgwkra-eF4X%2Fslide-banner-1.png?alt=media\&token=9cb5ed5e-f51f-47ae-9241-574123427366) Tato sekce nemá vlastní nastavení, veškeré nastavení banneru se provádí v rozšíření **Slide banner**, které najdete v části **Apps**. ## Slider - základní Tato sekce vám umožní vložit na hlavní stránku bannery, které se budou automaticky posouvat nebo si je může uživatel posouvat pomocí šipek. ![Slider - základní](https://2581951975-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-M8g4-si8hFmKl7wXNja%2F-MGMgbPy_HIWY30403Bp%2F-MGMjYO2QLXKGoJ7ZrFE%2Fslider-zakladni-2.png?alt=media\&token=9b1957a1-ef85-4c64-a858-44a77bc77809) U této varianty zobrazení je možné zapnout zobrazení záložek na pravé straně od banneru. ![Slider - základní se záložkami](https://2581951975-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-M8g4-si8hFmKl7wXNja%2F-MGMgbPy_HIWY30403Bp%2F-MGMl03ur56KfYgZTNyT%2Fslider-zakladni-4.png?alt=media\&token=68fc7624-3b66-4712-bf8a-a51fd31525ed) Kromě výchozí varianty s bannerem přes celou šířku si můžete nastavit i variantu se dvěma bočními bannery. ![Slider - základní se dvěma bočními bannery](https://2581951975-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-M8g4-si8hFmKl7wXNja%2F-MGMgbPy_HIWY30403Bp%2F-MGMjyzu89ebrnT8-QJF%2Fslider-zakladni-3.png?alt=media\&token=8033d19f-27a9-46c7-9d61-d5f0276fdf39) V nastavení můžete nastavit **Hlavní slider** a dva **Doplňkové bannery**. Další slajd do hlavního slideru přidáte pomocí tlačítka **Přidat stránku**, která vám přidá další sekci s nastavení slajdu. Zde si vyberete obrázek a zadáte odkaz kam chcete zákazníka přesměrovat po kliknutí na banner. Můžete také zadat **Popis obrázku**, který se použije při variantě **Banner se záložkami vpravo** a nebo při volbě **Zobrazit popis obrázku** (popis se bude zobrazovat přes obrázek banneru). Poslední volbou **Zobrazit** můžete již vytvořený slajd dočasně skrýt bez nutnosti jej smazat. ![Slider - základní nastavení](https://2581951975-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-M8g4-si8hFmKl7wXNja%2F-MGMgbPy_HIWY30403Bp%2F-MGMk7u3epeFkC8TbKEg%2Fslider-zakladni-1.png?alt=media\&token=d681d61d-1e5a-4d0c-921d-7de8fc57a69e) ## Text v bloku s obrázkem Pomocí této sekce vložíte do stránky odstavce textu s obrázkem vpravo nebo vlevo. ![Text v bloku s obrázkem](https://2581951975-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-M8g4-si8hFmKl7wXNja%2F-MGPNovltr4YpueR--Tm%2F-MGPTFEOBWhjd_YyCGGQ%2Ftext-v-bloku-s-obrazkem-1.png?alt=media\&token=5f58f2d3-05a0-41b1-98ee-444024cc4c99) U odstavce můžete zadat **Nadpis**, **Text** a vybrat **Obrázek**, u kterého můžete nastavit na kterou stranu od textu se má zarovnávat. Pod text můžete ještě nechat zobrazit **Odkaz**. ![Text v bloku s obrázkem nastavení](https://2581951975-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-M8g4-si8hFmKl7wXNja%2F-MGPNovltr4YpueR--Tm%2F-MGPTUAPOiQ-DMFuREFF%2Ftext-v-bloku-s-obrazkem-2.png?alt=media\&token=42bb185d-747d-4575-8986-3d6b77aea592) ## Text ve sloupci s ikonkou Tato sekce přidá do hlavní stánky sloupce s textem nad kterým se bude zobrazovat zadaná ikona nebo obrázek. ![Text ve sloupci s ikonkou](https://2581951975-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-M8g4-si8hFmKl7wXNja%2F-MGMv_Z4k1q82tg7TVBs%2F-MGMxGnqAJDsokg255zT%2Ftext-ve-sloupci-s-ikonkou-2.png?alt=media\&token=6d9d12c3-2403-4403-9e26-30f66e6222bf) Jednotlivé sloupce přidáte kliknutím na tlačítko **Přidat sloupec**. V nastavení sloupce pak můžete zadat **Ikonu** (obrázek), **Nadpis** sloupce a jeho **Text**. ![Text ve sloupci s ikonkou nastavení](https://2581951975-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-M8g4-si8hFmKl7wXNja%2F-MGMv_Z4k1q82tg7TVBs%2F-MGMxNYWwPcbJQMKq8KP%2Ftext-ve-sloupci-s-ikonkou-1.png?alt=media\&token=941d7af9-2d6a-4a60-91da-f7fa42e29265) ## Uvítací text Sekce uvítací text zobrazí obsah stránky Hlavní strana, kterou zadáváte v části [**Stránky**](/prodejni-kanaly/e-shop/stranky.md). Tato sekce nemá žádné nastavení. ## Výpis hlavních kategorií - dlaždice Pomocí této sekce zobrazíte na hlavní straně dlaždice s ikonou a názvem dané kategorie. ![Výpis hlavních kategorií - dlaždice](https://2581951975-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-M8g4-si8hFmKl7wXNja%2F-MGN0gi3OVrCqH8ebtZ7%2F-MGP7XIwO-wiyGK5rAEj%2Fvypis-hlavnich-kategorii-2.png?alt=media\&token=8dac8c49-bd7a-46a0-b928-ee41ade6b799) V nastavení sekce můžete vybrat zda se mají zobrazit **Všechny hlavní kategorie** nebo zda chcete zobrazit jen **Výběr hlavních kategorií**, kde si můžete zaškrtat jen některé z hlavních kategorií. ![Výpis hlavních kategorií - dlaždice nastavení](https://2581951975-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-M8g4-si8hFmKl7wXNja%2F-MGN0gi3OVrCqH8ebtZ7%2F-MGP7ePIvK_2mM8qgUpo%2Fvypis-hlavnich-kategorii-1.png?alt=media\&token=fd5838e4-9e73-4689-8f2f-15917c1347c2) ## Výpis produktů ze seznamu Touto sekcí můžete na hlavní stránce zobrazit produkty umístěné do předpřipravené sekce nebo produkty z vybrané kategorie. ![Výpis produktů ze seznamu](https://2581951975-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-M8g4-si8hFmKl7wXNja%2F-MGPU3BxSeopPSvMMvfv%2F-MGbINJ96JEMLzHAEodr%2Fvypis-produktu-ze-seznamu-1.png?alt=media\&token=e2753cc5-1b2d-4ed9-8716-a862eb74c954) V nastavení sekce můžete v rozbalovacím menu zvolit zda chcete **Zobrazit produkty** ze seznamu produktů, kategorie nebo naposledy přidané. Pokud zvolíte jednu z prvních dvou možností, tak v další volbě nastavíte buď některou z předpřipravených [**Skupin**](/produkty/skupiny.md) nebo některou z kategorií. V poli **Počet produktů** můžete omezit počet vypisovaných produktů a zaškrtávátkem **Zobrazit produkty jako carousel** zvolíte zda se mají produkty vypisovat v carouselu nebo zda se vypíší řádků pod sebe. ![Výpis produktů ze seznamu nastavení](https://2581951975-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-M8g4-si8hFmKl7wXNja%2F-MGPU3BxSeopPSvMMvfv%2F-MGbIRtzuaOkjOYPzmFs%2Fvypis-produktu-ze-seznamu-2.png?alt=media\&token=119bbc36-0dbf-4a68-a054-6a586b97d460) ## Výpis článků z blogu Tato sekce vám vloží na hlavní stránku e-shopu seznam posledních článků z vašeho blogu. ![Výpis článků z blogu](https://2581951975-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-M8g4-si8hFmKl7wXNja%2F-MGbJhc2a4i0JcqDSJpi%2F-MGbLAdWksqrD2UU4CfY%2Fvypis-clanku-z-blogu-1.png?alt=media\&token=1dd89332-973d-4a99-9724-431cc76ccaa1) V nastavení sekce můžete zadat **Počet zobrazených článků**, které chcete na hlavní stránce vypsat a zda chcete **Zobrazit náhledový obrázek** článku nebo jen nadpis a perex. ![Výpis článků z blogu nastavení](https://2581951975-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-M8g4-si8hFmKl7wXNja%2F-MGbJhc2a4i0JcqDSJpi%2F-MGbLYwG_pfsLIcDl6uZ%2Fvypis-clanku-z-blogu-2.png?alt=media\&token=12e759aa-3fd4-4518-ab1c-13e386a8f4fe)