Jedná se o typ banneru, kde je obrázek rozložen na pozadí snímku jako tapeta a přizpůsobuje se celé jeho ploše.

Rozměry banneru

  • Šířka coveru se přizpůsobí na celou plochu snímku.
  • Výška banneru je dynamická. Odvíjí se od výšky textového obsahu uvnitř banneru a nastavení minimální výšky banneru v modulu Designer. Více zde.

Obrázek na pozadí

Do tohoto banneru se obvykle vkládá pouze podkresový obrázek nebo video. Zobrazí se na pozadí plochy snímku a zcela ho vyplní bez případných mezer. Obrázky bývají oříznuté dle následující logiky:

  • Široké obrázky se oříznou vpravo a vlevo.
  • Vysoké obrázky se oříznou nahoře a dole.

Proporce obrázku však zůstávají zachovány. Což je důležité, aby se obrázek nedeformoval.

Texty by neměly být součástí obrázků, jinak může dojít k nežádoucím efektům: Na menších obrazovakách nebudou texty čitelné nebo se mohou texty v obrázku na pozadí oříznout.

Rozměry obrázků

Doporučené rozměry obrázků získáte přímo v administraci e-shopu po nastavení typu banneru.

Textový obsah

Texty k jednotlivým snímkům nejsou součástí obrázku, ale vkládají se do administrace. Zobrazí se v HTML formě nad plochou s obrázkem coveru. Takový text bude mít vždy neměnnou velikost písma, takže bude čitelný i v mobilu. Z hlediska SEO je navíc perfektně optimalizovaný a indexovatelný.

Na obrázku níže vídíte, že text lze označit, což znamená, že není součástí obrázku.

Postup v administraci

  1. V menu administrace zvolte sekci Grafika / Designer.
  2. Vyberte Rozložení Banner. Vycházejte při tom z tohoto návodu.
  3. V nabídce vyberte možnost 5 nebo 6
  4. V menu administrace zvolte sekci Obsah / Bannery.
  5. Vyberte již předpřipravený banner (pro umístnění na hlavní stránce) nebo vytvořte nový (pro umístnění na dalších stránkách).
  6. Přejděte do oddílu Hlavní.
  7. Zaškrtněte pole Cover.
  8. Přidejte obrázky do snímků banneru. Více zde.
  9. Provedené změny Uložte

Zobrazení na e-shopu

Desktop / tablet

Mobilní telefon

Struktura banneru se přeskládá tak, aby jednotlivé grafické prvky a texty zůstaly v původní velikosti.

Nepomohla Vám tato nápověda?

Požádejte o radu zkušené eshopery v UPgates poradně.

UPgates poradna