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ášť.