> ## Knowledge Base Index > Fetch the complete knowledge base index at: https://help.eshop-rychle.cz/sitemap.xml > Use this file to discover available pages before exploring further. > Pure-Markdown content can be obtained by appending a '.md' suffix to the content URLs listed in the sitemap (without the trailing slash). # Rotátor obrázků – slider / karusel Rotátor obrázků, označovaný také jako slider nebo karusel, umožňuje na e-shopu zobrazovat několik střídajících se bannerů. Využít jej můžete na úvodní straně e-shopu i v jednotlivých kategoriích produktů. Pomocí rotátoru můžete například upozornit na aktuální akci, představit novinky, zvýraznit důležité vlastnosti nabídky nebo zákazníka pomocí odkazu nasměrovat na konkrétní kategorii či produkt. # Rotátor na úvodní straně Rotátor na úvodní straně je vhodné využít ke srozumitelnému vizuálnímu představení zaměření e-shopu a aktuální nabídky. Pokud například prodáváte zahradní techniku, můžete v rotátoru zobrazit bannery zaměřené na sekačky, křovinořezy nebo ruční nářadí. Zákazník by měl po příchodu na e-shop rychle poznat, jaký sortiment nabízíte, a mít možnost pokračovat na související stránku. ![](https://storage.crisp.chat/users/helpdesk/website/6f32a7e5909e9400/image_xh0ijc.png) Rotátor na úvodní straně by měl zákazníkům jasně sdělit, jaké je zaměření e-shopu. Příliš mnoho obrázků nebo textu může naopak působit rušivě. Ukázku můžete vidět například na šabloně [New York](https://newyork.eshop-rychle.cz/). # Rotátor v kategoriích Rotátor můžete využít také v jednotlivých kategoriích produktů. Zde již můžete zákazníkům zobrazit konkrétnější informace související s danou kategorií, upozornit na její výhody nebo například propagovat vybraný produkt či akční nabídku. ![](https://storage.crisp.chat/users/helpdesk/website/6f32a7e5909e9400/image_1xqwewq.png) || Doporučení: Inspiraci při tvorbě bannerů je vhodné hledat především u úspěšných e-shopů s podobným sortimentem a srovnatelnou pozicí na trhu. Způsob komunikace největších e-shopů se může od potřeb menšího specializovaného obchodu výrazně lišit. # Počet a velikost obrázků Do rotátoru lze vložit více obrázků, obecně ale doporučujeme držet se pravidla méně je více. Příliš velký počet střídajících se bannerů může návštěvníka rozptylovat. Důležitá je také datová velikost obrázků. Příliš velké soubory mohou zpomalovat načítání e-shopu. Více o optimalizaci obrázků najdete v článku [Jak správně zpracovávat obrázky pro webovou grafiku a e-shopy](https://blog.eshop-rychle.cz/datova-optimalizace-obrazku/). ## Obrázky pro počítač a telefon U rotátoru na úvodní straně tvoří každou položku **základní obrázek** a volitelně také jeho samostatná **mobilní verze**. V administraci je jako ideální rozměr základního obrázku uvedeno **1920 × 500 px** a pro obrázek určený pro telefon **575 × 450 px**. Mobilní verze umožňuje připravit banner přímo pro užší displej telefonu, aby zůstaly důležité části obrázku a případné texty dobře viditelné. || Pokud k základnímu obrázku nenahrajete jeho mobilní variantu, použije se na telefonu automaticky základní obrázek. Doporučujeme proto zobrazení rotátoru na mobilním zařízení vždy zkontrolovat. # Nastavení rotátoru na úvodní straně Rotátor nastavíte v administraci v sekci **Obsah webu > Rotátor obrázků**. Rotátor na úvodní straně používá jeden společný seznam položek pro počítače i mobilní zařízení. U každé položky můžete mít základní obrázek a případně také jeho samostatnou mobilní variantu. ![](https://storage.crisp.chat/users/helpdesk/website/-/6/f/3/2/6f32a7e5909e9400/2026-09-1713h2633_17quuj9.png) V přehledu jednotlivých položek vidíte jejich náhledy. Pokud má položka vytvořenou také mobilní verzi, zobrazí se vedle základního obrázku i její náhled. V přehledu můžete dále vidět interní název banneru, nastavený odkaz a ALT popisek. Jednotlivé položky můžete: * měnit jejich pořadí přetažením pomocí ikony se šipkami, * upravovat pomocí ikony tužky, * odstranit pomocí ikony křížku. Novou položku vytvoříte pomocí tlačítka **Přidat nový obrázek**. # Přidání a úprava obrázku Po přidání nové položky nebo kliknutí na ikonu tužky otevřete její nastavení. ![](https://storage.crisp.chat/users/helpdesk/website/-/6/f/3/2/6f32a7e5909e9400/2026-09-1713h2822_vil976.png) ## Základní obrázek Nejprve nahrajte základní obrázek banneru. Obrázek můžete: * nahrát ze svého počítače, * nebo vybrat z galerie e-shopu. Základní obrázek se zobrazuje na počítači a zároveň se použije také na telefonu, pokud k němu nevytvoříte samostatnou mobilní variantu. ![](https://storage.crisp.chat/users/helpdesk/website/-/6/f/3/2/6f32a7e5909e9400/2026-09-1713h2954_8exs5e.png) ## Mobilní verze obrázku Pokud chcete pro telefony použít jiný obrázek, zaškrtněte možnost **Nahrát mobilní verzi obrázku**. Následně můžete samostatný obrázek pro telefon opět nahrát z počítače nebo vybrat z galerie. Mobilní varianta je vhodná zejména v případě, kdy základní široký banner obsahuje text, produkt nebo jiný důležitý obsah, který by na úzkém displeji telefonu nebyl dobře čitelný či viditelný. # Nastavení obrázku U každé položky můžete doplnit další informace. **Interní název banneru** slouží pro vaši orientaci v administraci a zákazník jej na e-shopu nevidí. Do pole **Odkaz (po kliknutí na banner)** můžete zadat adresu stránky, na kterou má být návštěvník po kliknutí na obrázek přesměrován. Banner tak může například odkazovat na kategorii produktů, detail produktu nebo stránku s aktuální akcí. Do pole **ALT popisek** můžete vložit alternativní textový popis obrázku. Ten pomáhá popsat obsah obrázku například návštěvníkům využívajícím čtečky obrazovky. || Doporučujeme obrázkům, u kterých to dává smysl, nastavit také odkaz. Návštěvníci jsou zvyklí na bannery v rotátoru klikat a očekávají, že je přesměrují na související obsah. # Časově omezené zobrazení banneru U každé položky můžete určit také období, ve kterém se má v rotátoru zobrazovat. Zaškrtněte možnost **Zobrazit obrázek jen v určitém období**. Poté můžete nastavit: * **Zobrazit od** - od jakého data a času se má obrázek začít zobrazovat, * **Zobrazit do** - k jakému datu a času se má obrázek přestat zobrazovat. Není nutné nastavit oba údaje. Můžete určit pouze začátek nebo pouze konec zobrazování. Díky tomu můžete například připravit banner k plánované akci předem a nastavit jeho automatické zveřejnění, nebo určit okamžik, kdy se má po skončení akce přestat zobrazovat. Po dokončení nastavení klikněte na tlačítko **Uložit**. # Automatické přepínání obrázků Pod seznamem obrázků najdete nastavení **Automatické přepínání obrázků**. ![](https://storage.crisp.chat/users/helpdesk/website/-/6/f/3/2/6f32a7e5909e9400/2026-09-1713h3226_ftmo0c.png) Pokud chcete, aby se jednotlivé bannery automaticky střídaly, zaškrtněte možnost **Zapnout automatické přepínání**. Do pole **Obrázek se přepne za** následně zadejte počet sekund, po kterých se má zobrazit další obrázek. Interval automatického přepínání je společný pro zobrazení rotátoru na počítačích i mobilních zařízeních. # Nastavení rotátoru v kategorii produktů Rotátory pro jednotlivé kategorie nastavíte rovněž v sekci **Obsah webu > Rotátor obrázků**. Každá kategorie může mít vlastní rotátor. Pokud v administraci v sekci **Eshop > Kategorie produktů** vytvoříte novou kategorii, vytvoří se pro ni také možnost nastavení vlastního rotátoru. Pokud v rotátoru konkrétní kategorie není vložen žádný obrázek, nemusí být další možnosti jeho nastavení ihned viditelné. Nejprve vložte alespoň jeden obrázek a změny uložte. ![](https://storage.crisp.chat/users/helpdesk/website/-/6/f/3/2/6f32a7e5909e9400/2026-09-1713h3426_bl6yxi.png) # Rotátor a animované bannery Vedle klasických statických obrázků můžete v rotátoru využít také animované bannery ve formátu GIF. Animace lze využít například pro zvýraznění aktuální akce nebo jiného důležitého sdělení. I u animovaných obrázků věnujte pozornost jejich datové velikosti, protože příliš velké soubory mohou negativně ovlivnit rychlost načítání e-shopu. # Alternativa k rotátoru obrázků Pokud chcete na úvodní straně vytvořit individuálnější grafické řešení, můžete místo klasického rotátoru využít například vlastní mřížku bannerů nebo jiný obsah vytvořený na míru. ![](https://storage.crisp.chat/users/helpdesk/website/6f32a7e5909e9400/gamigos_1tf8f1a.jpg) Kontakt na prověřené specialisty se zkušenostmi s grafikou e-shopů najdete [zde](https://www.eshop-rychle.cz/specialiste/kategorie/grafika-a-animace).