Vlaječky

Tato stránka dokumentace popisuje barevné odlišení produktů a článků pomocí funkce Vlaječky v systému Elasticr.

O funkci

Funkce Vlaječky umožňuje vkládat textové štítky přímo přes produktové fotografie a náhledy článků, a to bez nutnosti upravovat samotné obrázky v grafických programech.

Místo zdlouhavého vkládání štítků přímo do grafiky jednoduše aktivujete vlaječku v administraci. Systém ji následně automaticky vykreslí jako samostatnou plovoucí vrstvu nad obrázkem. Díky tomu se vlaječky chovají vždy responzivně a zobrazují se správně na všech zařízeních (počítačích i mobilech).

Praktické použití vlaječek

Široká flexibilita textových polí a barevného formátování nabízí administrátorům bohaté možnosti využití v prodejních a marketingových strategiích:

  • Časově omezené akce: Vlaječka může nést konkrétní textový prvek jako „Black Friday 2025“ nebo „Akce do 10. 10.“. Po skončení kampaně ji administrátor v číselníku smaže.
  • Podpora marketingových kódů: Do textového pole vlaječky lze vepsat přímo znění slevového kódu (např. „Sleva s kódem: LETO10“), což motivuje uživatele k okamžitému vložení do košíku.
  • Označení formátu obsahu: Vlaječka na blogu či v poradně okamžitě rozliší žánr textu – například „Recenze“, „Návod krok za krokem“, „Rozhovor“ nebo „Video“. Čtenář v přehledu hned vidí, zda ho čeká text, nebo multimediální obsah.

Zobrazení vlaječek

Vlaječky se koncovým uživatelům vizuálně vykreslují na několika klíčových místech na e-shopu:

  • Výpisy produktů, kategorie zboží, detail produktu.
  • V produktových karuselech.
  • Doporučovací bloky na hlavní straně.
  • Přehledy článků na blogu či v redakčních sekcích.

Nastavení vlaječek

Cesta v administraci (pro produkty): Hlavní nabídka -> Katalog -> Vlaječky
Cesta v administraci (pro články): Hlavní nabídka -> Blog -> Vlaječky článků

Postup tvorby vlaječky

V detailu každé nové či upravované vlaječky definuje administrátor následující grafické, textové a systémové parametry:

  • Název: Textový řetězec, který se zobrazí přímo uvnitř vlaječky (např. Novinka, Výprodej, Náš tip).
  • Ikona: Volitelný grafický symbol z nabídky, který se vykreslí před samotný text ve vlaječce
  • Barva pozadí: Přesný HEX kód barvy (např. #FF0000 pro akce), která tvořit tělo samotného štítku.
  • Barva textu: Volba barvy písma (zpravidla kontrastní bílá či černá) pro zajištění čitelnosti.
  • Maska produktů/článků: Určuje na jakých produktech či článcích se má vlaječka zobrazit stejně jako u nastavení cenových pravidel, kategorií, exportů a dalších míst.

Související dokumentace: Podrobný návod k produktovým maskám naleznete v samostatné dokumentaci Masky produktů.

Ukázky vlaječek

Na screenshotech níže můžete vidět příklady vlaječek na frontendu eshopu.

Vlaječka Doprava zdarma: Pokud máte u Doprav nastavený cenový limit pro dopravu zdarma (např. od 1 500 Kč), systém automaticky propočítá prodejní ceny a tuto vlaječku začne sám zobrazovat u všech produktů, které tuto hladinu přesahují.

Více o tomto nastavení se věnujeme v dokumentaci zvlášť.

Časté dotazy (FAQ)

Co se stane, pokud produkt nebo článek splňuje podmínky pro zobrazení více masek (vlaječek) současně?

Systém vyhodnocuje vlaječky podle jejich pořadí v administraci. V závislosti na grafickém nastavení vašeho e-shopu se vlaječky buď vykreslí vedle sebe/pod sebou, nebo se zobrazí pouze ta s nejvyšší prioritou (umístěná v seznamu nejvýše).

Může se vlaječka „Doprava zdarma“ zobrazit u produktu, který stojí méně, než je nastavený limit e-shopu?

Ne, tato vlaječka je čistě systémová a počítá se automaticky z prodejní ceny položky. Pokud produkt limit nepřesahuje, vlaječka se u něj nezobrazí, ledaže by byl do košíku uplatněn specifický slevový kupón na dopravu zdarma pro celou objednávku.

Související dokumentace


Obsah

Potřebujete poradit?
Radim Vašek
Radim Vašek
Specialista na Elasticr FW