> 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/navody/stranky-vytvareni-sekci.md).

# Stránky - vytváření sekcí

V administraci Rocketoo si můžete libovolně upravovat obsah vašich stránek pomocí tzv. sekcí. Každá sekce představuje samostatný blok obsahu, může jít například o banner, slider, výpis produktů nebo třeba o formulář. Tyto bloky můžete na stránku přidávat, přesouvat, upravovat nebo skrýt.

Sekce slouží jako stavebnice, která umožňuje poskládat homepage, kategorie i statické stránky přesně podle vašich představ, bez nutnosti programování.

## Jak sekce fungují

Každá [stránka](/prodejni-kanaly/e-shop/stranky.md) v systému může obsahovat libovolný počet sekcí. Tyto sekce lze mezi sebou kombinovat, měnit jejich pořadí nebo upravovat jejich vzhled. K dispozici je několik desítek typů, od jednoduchých textových bloků až po interaktivní galerie nebo výpisy produktů.

Každá sekce může mít vlastní:

* Nadpis a podnadpis 
* Vlastní zobrazení: roztažení na celou šířku, vlastní CSS třída, skrytí sekce apod.

{% hint style="success" %}
Kromě statických stránek můžete sekce v Rocketoo používat také pro kategorie a hlavní stránku. V obou případech funguje přidávání, přesouvání a správa bloků stejně jako u běžných stránek. Je ale potřeba počítat s tím, že pro tyto typy stránek jsou některé sekce omezené. 
{% endhint %}

## Správa sekcí v administraci

Při úpravě libovolné stránky v administraci Rocketoo klikněte na záložku **Nastavení**. Zde můžete:

* přidávat nové sekce kliknutím na **Přidat sekci**
* upravovat jejich obsah kliknutím na název sekce
* měnit pořadí jednotlivých sekcí tažením myší, kliknutím na ikonku **`☰`**
* skrývat nebo zobrazova jednotlivé sekce přes volby v záložce Zobrazení

Tímto způsobem si vytvoříte plnohodnotný obsah stránky bez nutnosti zásahu do kódu.

## Systémové sekce

### Základní komponenty <a href="#zakladni-komponenty" id="zakladni-komponenty"></a>

#### Slider základní

Tato sekce slouží k zobrazení hlavního banneru nebo rotujícího obsahu. Vhodná především pro úvodní část homepage.

**Co lze nastavit:**

* **Obrázek** – grafika každého slidu
* **Titulek** – nadpis zobrazený v banneru
* **Text** – doplňující popis, ideální pro krátké sdělení
* **Odkaz** – adresa, na kterou se má uživatel po kliknutí přesměrovat
* **Text tlačítka** – výzva k akci (např. *Zjistit více*)
* **Viditelnost** – každý slide lze samostatně skrýt/zobrazit
* **Doplňkové bannery** – lze přidat max. 2 menší bannery vedle hlavního slideru
* **Navigace** – možnost zapnutí šipek a teček pro posouvání

Slider se hodí na hlavní stránku pro prezentaci akcí, novinek, slev nebo důležitých sdělení.

#### Slider s textem

Sekce je podobná klasickému slideru, ale klade důraz na text a výzvu k akci. Hodí se pro moderní hero bloky, kde má hlavní roli sdělení – například slogan, představení značky nebo produktová nabídka.

**Co lze nastavit:**

* **Obrázek na pozadí** každého slidu
* **Odkaz** – přesměrování po kliknutí
* **Nadpis** – hlavní sdělení
* **Text** – doplňující popis
* **Text tlačítka** – výzva k akci
* **Viditelnost slidu**
* **Zarovnání textu** – vlevo, vpravo nebo na střed

#### Banner (jeden statický banner)

Zobrazí jeden banner, který je předem nahraný v systému. Na rozdíl od slideru se neotáčí, ale zůstává statický.

**Co lze nastavit:**

* **Výběr banneru** – ze seznamu dostupných bannerů vytvořených v administraci

Vhodný je pro jednostranné sdělení – například upozornění na akci, důležitou informaci nebo přechod na podstránku.

#### Bannery - řádek (více bannerů)

Tato sekce umožňuje zobrazit vedle sebe až čtyři bannery. Každý může mít vlastní obrázek i odkaz.

**Co lze nastavit:**

* **Obrázek každého banneru**
* **Odkaz** – každý banner může vést na jinou stránku
* **Zobrazit/skrýt jednotlivý banner** – nemusíte vždy využít všechna čtyři pole

Ideální řešení pro prezentaci více značek, kategorií nebo třeba výhod služby.

#### Výpis hlavních kategorií - dlaždice

Tato sekce zobrazí hlavní kategorie jako přehledné dlaždice s obrázky. Vhodná jako vizuální rozcestník pro zákazníka na homepage nebo v tematických sekcích.

**Co lze nastavit:**

* **Režim zobrazení** – všechny kategorie nebo jen vybrané
* **Výběr kategorií** – pokud zvolíte ruční výběr

Dlaždice se generují automaticky z dat kategorie, včetně obrázku a názvu.

#### Uvítací text

Velmi jednoduchá sekce, která načítá obsah ze stránky ***Hlavní stránka***. Slouží jako krátké přivítání uživatele na hlavní stránce.

Nelze zde upravovat žádné specifické pole – obsah vychází z textu stránky.

### Produkty a e-commerce <a href="#produkty-a-e-commerce" id="produkty-a-e-commerce"></a>

#### Výpis produktů ze seznamu

Tato sekce zobrazí sadu produktů podle zvoleného typu zdroje. Může jít o ručně vytvořený seznam, automatické zobrazení produktů z určité kategorie nebo výpis posledních přidaných položek.

**Co lze nastavit:**

* **Typ výpisu** – výběr mezi ***ze seznamu***, ***z kategorie*** nebo ***naposledy přidané***
* **Výběr konkrétního seznamu nebo kategorie** – podle zvoleného typu výpisu
* **Počet produktů** – určíte, kolik jich chcete zobrazit
* **Carousel** – zapnutí posuvného zobrazení (produkty se posouvají vodorovně)

Sekce se hodí například na homepage nebo podstránky s tématickými nabídkami.

#### Výpis produktů - rozšířené

Funkčně podobná předchozí sekci, ale nabízí více možností zobrazení včetně akčního tlačítka pod výpisem.

**Co lze nastavit:**

* **Seznam produktů** – výběr ze seznamů vytvořených v administraci
* **Počet produktů** – kolik produktů se má zobrazit
* **Carousel** – volitelné posouvání produktů
* **Tlačítko košíku** – možnost zobrazit tlačítko „Přidat do košíku“ přímo u produktu
* **Text tlačítka pod výpisem** – například „Zobrazit vše“
* **Odkaz tlačítka** – adresa, kam bude tlačítko vést

Díky větší kontrole nad vzhledem se hodí i pro kampaně nebo rozcestníky.

#### Výpis produktů - záložky

Sekce umožňuje rozdělit produkty do záložek podle kolekcí nebo kategorií. Uživatel mezi nimi přepíná bez nutnosti opuštění stránky.

**Co lze nastavit:**

* **Název každé záložky** – například „Novinky“, „Doporučujeme“, „Slevy“
* **Typ dat pro záložku** – kolekce nebo kategorie
* **Výběr konkrétní kolekce nebo kategorie**
* **Počet produktů v záložce**
* **Zarovnání záložek** – vlevo, vpravo nebo na střed

Záložkový přístup zvyšuje přehlednost a umožňuje zobrazit více skupin produktů na menším prostoru.

#### Vybraný produkt

Tato sekce slouží ke zvýraznění konkrétního produktu. Zobrazí se s detailem na stránce, bez nutnosti otevírat produktovou kartu.

**Co lze nastavit:**

* **Výběr produktu** – ze seznamu dostupných položek v systému

Vhodné například pro propagaci vlajkového produktu nebo speciální akce.

#### Doporučený produkt

Na rozdíl od sekce „Product“ tato varianta zobrazuje produkt formou banneru s volitelným textem a tlačítkem.

**Co lze nastavit:**

* **Krátký text (perex)** – úvodní popis
* **Obrázek** – ilustrace nebo vizuální styl bannera
* **Text tlačítka** – např. „Zjistit více“
* **Odkaz tlačítka** – kam má tlačítko směřovat

Ideální pro zvýraznění akce, dárku nebo jiného benefitu spojeného s konkrétním produktem.

### Kategorie <a href="#kategorie" id="kategorie"></a>

#### Drobečková navigace

Automaticky zobrazí drobečkovou navigaci na stránkách kategorií. Umožňuje uživateli rychle se vrátit na vyšší úroveň kategorie.

Sekce neobsahuje žádné nastavitelné pole, funguje automaticky podle kontextu stránky.

#### Popis kategorie

Zobrazí textový popis aktuální kategorie. Obsah se načítá automaticky z nastavení konkrétní kategorie.

Tato sekce je vhodná pro SEO texty nebo stručné představení kategorie.

#### Výpis podkategorií

Zobrazí podkategorie aktuální kategorie ve formě dlaždic nebo seznamu.

Není potřeba žádné další nastavení, sekce načítá podkategorie automaticky.

#### Výpis kategorií

Na rozdíl od předchozí sekce umožňuje ručně vybrat, které kategorie se mají zobrazit.

**Co lze nastavit:**

* **Seznam kategorií** – výběr z dostupných kategorií v systému

Vhodné například pro homepage nebo landing page, kde chcete zvýraznit pouze některé skupiny produktů.

#### Výpis produktů z kategorie

Tato sekce slouží pro výpis produktů z aktuální kategorie.

**Co lze nastavit:**

* **Počet produktů na stránku**
* **Zahrnout podkategorie** – možnost zobrazit produkty i z nižších úrovní kategorií

Nejčastěji používaná sekce na stránkách kategorií.

### Galerie a média

#### Fotografie - slider

Tato sekce umožňuje zobrazit fotografie ve formě carouselu. Hodí se například pro ukázky realizací, reference nebo prezentaci produktů.

**Co lze nastavit:**

* **Počet fotek na stránku**
* **Seznam fotek** – každá s obrázkem, popisem, odkazem a volbou viditelnosti
* **Automatické stránkování** – zapne se posuv bez zásahu uživatele
* **Rychlost stránkování** – v milisekundách

#### Stránka - obrázky

Zobrazí obrázky, které jsou přiložené ke konkrétní stránce. Hodí se pro vizuální doplnění obsahu bez ručního výběru.

**Co lze nastavit:**

* **Formát zobrazení** – portrét / na šířku
* **Zobrazení názvu obrázku**

#### Stránka - obrázky Masonry

Podobná sekce jako ***Stránka - obrázky***, ale s alternativním způsobem zobrazení ve stylu tzv. „masonry“ (nepravidelné rozložení jako u Pinterestu).

Zajišťuje vizuálně kreativnější vzhled galerie.

#### Stránka - soubory

Zobrazí seznam souborů, které jsou připojeny ke stránce. Hodí se např. pro dokumenty, manuály, certifikáty nebo letáky.

Nemá žádná nastavitelná pole, soubory se spravují přímo v administraci konkrétní stránky.

#### Video na pozadí

Sekce s videem na pozadí, ideální pro výrazné hero bloky.

**Co lze nastavit:**

* **Text (perex)** – krátké sdělení
* **ID YouTube videa**
* **Smyčka videa** – přehrávání dokola
* **Na celou výšku okna**
* **Skrytí krycí vrstvy**
* **Tlačítko** – text a odkaz

#### Loga

Carousel s logy partnerů, značek nebo certifikací.

**Co lze nastavit:**

* **Počet log na stránku**
* **Seznam log** – obrázek, odkaz, viditelnost

### Text a obsah

#### HTML Box

Vložení vlastního HTML, CSS nebo JS kódu. Hodí se pro integraci widgetů třetích stran nebo specifické úpravy designu.

**Co lze nastavit:**

* **Pole pro HTML kód** – k dispozici je editor s kontrolou syntaxe

#### Rich Editor

Textový editor s možností formátování obsahu pomocí WYSIWYG rozhraní.

**Co lze napsat:**

* Texty, nadpisy, odkazy, seznamy, tabulky apod.

Hodí se pro články, popisy, obchodní podmínky nebo textové bloky na stránkách.

#### Text s obrázkem na pozadí

Sekce s výrazným pozadím a výzvou k akci. Ideální pro zvýraznění registrace, akce, kontaktu nebo objednávky.

**Co lze nastavit:**

* **Text** – hlavní sdělení
* **Obrázek na pozadí**
* **Text a odkaz tlačítka**

#### Text v bloku s obrázkem

Zobrazení několika textových bloků s obrázkem a volitelným odkazem. Obrázky se střídají vlevo a vpravo.

**Co lze nastavit:**

* **Nadpis bloku**
* **Text bloku**
* **Obrázek** – např. ilustrační fotografie
* **Zarovnání obrázku**
* **Odkaz a jeho text**

#### Text ve sloupci s ikonkou

Přehledné zobrazení výhod ve sloupcích, každá s ikonou a krátkým textem.

**Co lze nastavit:**

* **Ikona (obrázek)**
* **Nadpis výhody**
* **Text výhody**

#### Doporučení zákazníků

Zákaznické recenze ve formě fotky, jména a doporučení.

**Co lze nastavit:**

* **Fotografie zákazníka**
* **Jméno**
* **Text doporučení**

#### FAQ

Sekce často kladených otázek formou rozbalovacích bloků.

**Co lze nastavit:**

* **Otázka**
* **Odpověď**

#### Výpis článků z blogu

Sekce pro zobrazení příspěvků z firemního blogu. Hodí se na homepage, podstránky nebo do patičky jako přehled novinek.

**Co lze nastavit:**

* **Počet zobrazených článků**
* **Výběr kategorie** – volitelné
* **Zobrazení obrázku** – náhledového
* **Zobrazit pouze doporučené články** – např. „Top tipy“

### Formuláře a interakce

#### Kontaktní formulář

Základní kontaktní formulář se jménem, e-mailem a zprávou.

**Co lze nastavit:**

* **Zobrazení telefonu**
* **Možnost nahrávat soubory**
* **Maximální počet souborů**

#### Newsletter

Registrace k odběru newsletteru. Podporuje pluginy MailChimp, SmartEmailing nebo Ecomail.

### Speciální <a href="#specialni" id="specialni"></a>

#### Mapa

Zobrazí mapu s vlastním nastavením a piny. Využívá OpenStreetMap a je vhodná např. pro zobrazení prodejen, poboček nebo referencí.

**Co lze nastavit:**

* **Střed mapy** – souřadnice (lat, lng)
* **Přiblížení mapy** – zoom
* **Seznam pinů** – každý má název, pozici, popis a barvu

#### External File

Umožňuje načíst externí soubor do stránky – typicky CSS nebo JS.

**Co lze nastavit:**

* **URL externího souboru** – adresa souboru (např. widget, knihovna, skript)

Vhodné pro pokročilé úpravy nebo napojení na externí služby.

#### Šablona Twig

Nejflexibilnější sekce, umožňuje napsat a použít vlastní Twig šablonu. Tato varianta je určena zkušeným uživatelům s technickými znalostmi.

**Co lze nastavit:**

* **Twig kód** – vlastní obsah napsaný v jazyce Twig (šablonovací jazyk)

Vhodné pro unikátní výpisy, specifické formátování nebo integrace mimo běžné možnosti administrace.

## Sekce z dalších modulů

#### Formulář (modul Formuláře)

Vlastní formulář vytvořený v administraci. Nabízí pokročilé možnosti, jako je nahrávání souborů, validace nebo e-mailová upozornění.

**Co lze nastavit:**

* **Výběr formuláře**
* **Zpráva po odeslání**
* **Přesměrování na děkovací stránku**

#### Hodnocení obchodu a Hodnocení produktu (modul Hodnocení produktů)

Zákazníci mohou hodnotit produkt nebo celý obchod.

Produkt:

* Odkaz přichází e-mailem po objednávce
* Hodnocení 1–5 hvězdiček a text

E-shop:

* Seznam recenzí s možností filtrování
* Možnost přidání nové recenze
* Ochrana proti duplicitnímu hodnocení

#### Slide banner (modul Slide banner)

Zobrazí všechny aktivní bannery vytvořené v administraci. Funguje automaticky bez dalších nastavení.

#### Výpis nejprodávanějších (modul Nejprodávanější)

Zobrazuje automaticky nejprodávanější produkty podle nastavení pro danou kategorii.

#### Prodejní argumenty (modul Prodejní argumenty)

Přehled výhod e-shopu, např. „Doprava zdarma“, „Záruka vrácení“. Vytváří se v administraci a následně se pouze vybere.

#### Fotorecenze (modul Fotorecenze)

Galerie fotografií od zákazníků. Obsahuje možnost filtrování, stránkování a přidání nové recenze.

#### Poptin formulář (modul Poptin)

Napojení na službu Poptin – zobrazení pop-up formulářů nebo kampaní.

**Co lze nastavit:**

* **Poptin ID** – získané v administraci Poptinu

#### Obsah stránek (modul Obsah stránek)

Obsah vytvořený v administraci, který lze použít na více stránkách. Při změně se aktualizuje všude, kde je použitý.