Změna velikosti písma

Drobečková navigace

CSS blog > Widget - jídelní lístek

Widget - jídelní lístek



Ukázka

Příklad widgetu jídelního lístku s výpisem jednotlivých jídel, popisku (v tomto případě gramáže) a ceny.

jidelni-listek.PNG

 

HTML

Tento widget je závislý na modulu "Jídelní lístek". Zde je uveden příklad  zápisu jednoduchého výpisu dvou položek jídelního lístku. Jak je vidět, obsah lze vypsat do tabulky.

!Pozor u "{{#meal-<pořadí jídla>}}"! - jelikož toto makro přidávali programátoři, kteří nezačínají 1 ale 0, tak první jídlo musí mít index 0, tedy {{#meal-0}} :-).

<div class="ipo-widget" data-widget-source="4308259" data-widget-count="2" data-widget="menu">
   {{#content}}
      {{#data}}
         <table>
            <tbody>
               {{#meal-0}}
                  <tr>
                     <td>{{title}}</td>
                     <td>{{description}}</td>
                     <td>{{cost}}</td>
                  </tr>
               {{/meal-0}}
               {{#meal-1}}
                  <tr>
                     <td>{{title}}</td>
                     <td>{{description}}</td>
                     <td>{{cost}}</td>
                  </tr>
               {{/meal-1}}
            </tbody>
         </table>
      {{/data}}
   {{/content}}
   {{^content}} Žádný záznam jídelního lístku není k dispozici.{{/content}}
</div>

 

Příklady

Po přidání css stylů může vypadat jídelní lístek takto:

www.staroboleveckahospudka.cz
www.vegetka.cz


Komentáře


Žádné komentáře doposud nebyly přidány.

Přidat komentář

Vámi zadané osobní údaje budeme zpracovávat my a to pro možnost vám odpovědět. Bližší informace naleznete v zásadách zpracování osobních údajů.

Kalendář akcí

Po Út St Čt So Ne
26 27 28 29 30 1 2
3 4 5 6 7 8 9
10 11 12 13 14 15 16
17 18 19 20 21 22 23
24 25 26 27 28 29 30
31 1 2 3 4 5 6