Tři interakce hlavičky nad daty zachycenými z přihlášené session na kosik.cz. Přepněte variantu hlavičky a zkuste si je znovu.
1. Vyhledávací overlay
Klikněte do vyhledávacího pole. Prázdný dotaz ukáže Nejvyhledávanější, Objevte tyto kategorie a Nejoblíbenější produkty. Napište mleko pro výsledky vyhledávání, cokoliv jiného pro náhradní nabídku. Přepínač Jen dostupné dnes přepne do stavu bez výsledků s mrkví. Steppery v dlaždicích přidávají do košíku v hlavičce. Funguje na všech třech variantách hlavičky.
2. Náhled košíku
Obchodní hlavička: klikněte na šipku vlevo od ceny v druhém řádku. Uvnitř je zúžený ukazatel objednávky a seznam produktů po kategoriích — steppery, křížky i mazání dárků jsou živé. Nepřihlášená varianta ukáže prázdný košík.
3. Zásuvka časů doručení
Otevřete ji klikem na adresu v hlavičce, odkazem Přehled časů a cen dopravy v patičce náhledu košíku, nebo odkazem v oranžovém pruhu níže. Uvnitř je dlaždice adresy, informace o dopravě a jen pro čtení mřížka časů.
4. Přehled kreditů (nové)
Obchodní hlavička, přihlášený: klikněte na tlačítko s ikonou kreditů a částkou 400,00 Kč vpravo nahoře (na mobilu je v horní liště vedle zvonku). Přepínačem Přehled kreditů výše přepnete mezi A — Zásuvka (podrobný rozpis, výchozí) a B — Popover (zhuštěný rozpis pod tlačítkem; pod 992 px jako spodní list), bez znovunačtení stránky. Zobrazí se celková částka a rozpis druhů kreditů. Kredit Na nákup nad 2 000 Kč (200 Kč) je zamčený a říká, kolik zboží ještě chybí — přidejte zboží přes vyhledávání a uvidíte, jak se částka snižuje a kredit odemkne. Stejný milník Kredit 200 Kč je v ukazateli objednávky v náhledu košíku (šipka vlevo od ceny v druhém řádku) a v jeho detailu; zobrazuje se jen, dokud zákazník tento kredit má.
Poslední akce: {{ lastAction || '—' }}
Dostupné kredity
{{ kc(creditsTotal) }}
Podrobnosti o použití najdete na stránce Kredity.
{{ credit.label }} {{ credit.linkText }}
{{ kc(credit.amount) }}
{{ credit.hint }}
{{ credit.locked ? 'Zamčeno, zatím ho nelze použít.' : 'Lze použít.' }}
Platí do {{ credit.validTo }}