Jídelníček na web

Na web restaurace nebo jídelny dostanete aktuální jídelníček ze systému bez programování. Administrace vám připraví kousek kódu, který vložíte do stránky webu (nebo pošlete správci webu). Jídelníček se pak na webu mění sám, jakmile ho zveřejníte v systému.

Jsou tři možnosti a dají se kombinovat:

• Jídelníček na stránce – tento a příští týden po dnech, s cenami a alergeny.
• Jídelníček v PDF – tlačítka ke stažení týdenního jídelníčku podle vaší šablony.
• Stálá nabídka – položky stálé nabídky podle kategorií, s cenami a alergeny.

Jídelníček na stránce

Na webu se zobrazí přepínač Tento týden / Příští týden, záložky Po–Pá a jídla vybraného dne s cenou a alergeny. Pokud vaříte i v sobotu nebo v neděli, záložka se přidá sama. Dny, kdy se nevaří (např. státní svátek), a dny, které ještě nemáte zveřejněné, mají vlastní hlášku. O víkendu, kdy už se nevaří, se rovnou ukazuje nadcházející týden. Alergeny se vypíšou, jen když je u jídel máte vyplněné. Písmo se přizpůsobí webu, barvy může správce webu upravit.

1. V administraci otevřete Nastavení systému → API systému → Veřejný jídelníček.
2. U jídelního lístku klikněte na Nastavit (ikona tužky), zapněte Zveřejnit jídelníček a zvolte, jestli se mají zobrazovat ceny. Aby byl vidět celý příští týden, nastavte Kolik dní dopředu zobrazit alespoň na 11. Uložte.
3. Pod přehledem lístků se objeví karta Jídelníček na váš web. U lístku klikněte na Kopírovat kód.
4. Kód vložte do stránky webu na místo, kde má jídelníček být – ve WordPressu například blokem Vlastní HTML.

Web za vás spravuje někdo jiný? U kódu klikněte na Kopírovat odkaz na náhled a pošlete mu ho. Na stránce najde živý jídelníček tak, jak bude na webu vypadat, kód k vložení a odkaz na návod. Tlačítkem Náhled si stránku otevřete sami.

Kód vypadá takto (adresa jídelníčku je v něm už doplněná):

<link rel="stylesheet" href="https://cdn.objednavkaobedu.cz/jidelnicek/v1/jidelnicek.css">
<div data-oo-jidelnicek data-feed="https://www.objednavkaobedu.cz/api/v1/public-menu/feed?token=…"></div>
<script src="https://cdn.objednavkaobedu.cz/jidelnicek/v1/jidelnicek.min.js" defer></script>

Kód se zobrazuje jen u zveřejněných lístků a jen v administraci na hlavní doméně systému. Když v přehledu vygenerujete novou adresu, původní kód přestane fungovat a na webu je potřeba ho vyměnit.

Správce webu může místo záložek dnů vypsat celý týden pod sebou (přepíná se jen tento a příští týden) – do kódu doplní data-layout="list". Obě zobrazení si můžete vyzkoušet v náhledu.

Živá ukázka a návod pro správce webu →

Jídelníček v PDF

Na webu se zobrazí tlačítka Jídelníček – tento týden a Jídelníček – příští týden. Otevřou aktuální PDF z vaší týdenní šablony – vždy toho týdne, kdy návštěvník klikne, i když má v telefonu uložené staré PDF. O víkendu je „tento týden“ ten nadcházející. Pokud vaříte i v sobotu, doplňte do kódu data-days="6" (s nedělí data-days="7") – v sobotu pak „tento týden“ zůstane aktuální.

1. Musíte mít zapnutou správu šablon a nahranou týdenní šablonu (viz Šablony jídelních lístků).
2. Otevřete Nastavení systému → Šablony jídelních lístků a týdenní šablonu upravte.
3. Vpravo v bloku URL pro zobrazení jídelníčku vyberte jídelní lístek.
4. Níže v části Kód pro web – PDF ke stažení klikněte na Kopírovat kód a vložte ho do stránky webu.

Ukázka a návod pro správce webu →

Stálá nabídka

Pokud má jídelní lístek napojenou stálou nabídku (např. smažená jídla, saláty, nápoje), může být na webu i ona. Vypadá stejně jako jídelníček, jen se místo dnů přepínají kategorie stálé nabídky (na mobilu se záložky posouvají do strany). Zobrazí se položky, které jde objednat aspoň jeden den v nejbližším týdnu, s cenou a alergeny podle nastavení veřejného jídelníčku.

1. V Nastavení systému → API systému → Veřejný jídelníček u lístku klikněte na Nastavit.
2. Zapněte Zveřejnit jídelníček a Zveřejnit stálou nabídku (volba je jen u lístku, který stálou nabídku má) a uložte.
3. V kartě Jídelníček na váš web přibude kód „… – stálá nabídka“. Zkopírujte ho a vložte do stránky webu stejně jako jídelníček.

Správce webu může místo záložek vypsat všechny kategorie pod sebou – do kódu doplní data-layout="list". Obě zobrazení si můžete vyzkoušet v náhledu.

Ukázka a návod pro správce webu →

Pro správce webu

• Knihovny se načítají z cdn.objednavkaobedu.cz. Opravy se na web dostanou samy, kód není potřeba měnit.
• Web se striktní politikou CSP musí povolit cdn.objednavkaobedu.cz pro skripty a styly a www.objednavkaobedu.cz pro načítání dat.
• Kdo chce jídelníček vykreslit úplně po svém, načte si data přímo z adresy veřejného jídelníčku (JSON nebo XML) – popis je v dokumentaci firemního API v kapitole Veřejný jídelníček (včetně stálé nabídky).