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.

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.

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.

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.

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é.

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.

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í.

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.

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.

Č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ů.

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.

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.

Kontakt na prověřené specialisty se zkušenostmi s grafikou e-shopů najdete zde.

Aktualizováno dne: 17/09/2026