Menus
To create a menu item with the food item, description and price, use the [menu_item]
shortcode. You can place the [menu_item]
shortcode within a [panel]
shortcode for better formatting and spacing.
[menu_item name="Linguine Dania" desc="menu description here" price="$ 0.00"][/menu_item]
You can also add badges to the menu items to indicate recommendations or notification e.g. Vegetarian dishes
[menu_item name="Penne Arrabiata" desc="menu description here" price="$ 6.50"] [badge style="note uk-badge-notification"]v[/badge] [/menu_item]
Single Menu Item
You can create a single line menu item by using the [simple_menu_item]
shortcode, which only shows the menu name and price.
[simple_menu_item name="dark chocolate cake" price="$ 1.50"][/simple_menu_item]
Menu Item with image
You can create a menu item with an image by using the [menu_item_image]
shortcode, which will show an small sized photo of the food, menu name, description and price.
[menu_item_image name="classic nachos" desc="description goes here" price="$ 6.50" src="/images/demo/menu/food-7.jpg"][/menu_item_image]
By adding the menu items in a grid column, you can create a nicely formatted menu tables with different variety and coloration.
Coffee
best way to start your day
Show code
[grid_column size="3"]
[panel]
[menu_item_image name="Avocado shell stuffed" desc="menu description" price="$ 8.50" src="/images/demo/menu/food-8.jpg"/]
[menu_item_image name="Baked potato jackets" desc="menu desciprion" price="$ 6.50" src="/images/demo/menu/food-9.jpg"/]
[/panel]
[panel]
[menu_item name="Tagliatelle Bolognese" desc="menu description" price="$ 3.50"][/menu_item]
[menu_item name="Agliolio Linguine" desc="menu description" price="$ 8.50"]
[badge style="danger"]hot[/badge]
[/menu_item]
[/panel]
[panel_space style="tm-secondary-background uk-border-rounded"]
[text align="center"]
[heading size="h3" style="uk-h2 uk-module-title-alt uk-margin-remove"]Coffee[/heading]
[heading size="h5" style="uk-margin-top-remove uk-margin-large-bottom"]best way to start your day[/heading]
[/text]
[simple_menu_item name="Espresso" price="$ 3.50"][/simple_menu_item]
[simple_menu_item name="Cappuccino" price="$ 1.50"][/simple_menu_item]
[simple_menu_item name="Americano" price="$ 1.50"][/simple_menu_item]
[/panel_space]
[/grid_column]
You can also add menus to a slideset to show them in tabular form using the [menu_tabs]
shortcode.
Show code
[begin menu_tabs style="tm-slideset-gaucho"/]
[slider_filters]
[filter_button tag=""]All[/filter_button]
[filter_button tag="appetizers"]appetizers[/filter_button]
[filter_button tag="breakfast"]breakfast[/filter_button]
[filter_button tag="pasta"]pasta[/filter_button]
[/slider_filters]
[menu_list tag="appetizers" columns="2"]
...
[/menu_list]
[menu_list tag="breakfast" columns="2"]
...
[/menu_list]
[menu_list tag="pasta" columns="2"]
...
[/menu_list]
[end_menu_tabs/]