Menu Block is a super little widget that lets you display
your restaurant’s menu on your site. We’re going to take you through step by
step on how to add the Menu Block app to your NemoNet site.
Step 1 – Add the Menu Block
In the Content Manager, view a page and click the + Add block button:
In the Add a Block overlay, select the Content tab the click and drag the Menu Block to position it within your content or just click it to place it below your content.
Step 2 – Add a Menu
A single Menu Block can hold multiple menus to differentiate between your offerings, like Breakfast or Dinner. To add a Menu, simply type the name of the menu and place at least 4 equal signs (=) underneath it.
Step 3 - Add a Section
You can split each menu into sections. To create a section, type your section name beneath the appropriate menu, then add at least 4 hyphens (-) beneath it. You will need an empty line between sections.
On the line directly beneath the 4 hyphens, you can type a description of the section. Your sections will appear as headings within the menu.
Step 4 - Add Menu Items
To add a menu item, simply type the name of the item below a section of a menu.
Directly beneath the menu item, you can add a description of the item.
Beneath the description, you can add the price.
You can add pricing variants by using a slash (/) between prices.
You can also designate a Market Price by adding $MKT or $Market Price as the price. As long as the currency symbol is first, you can place the price immediately following the menu item or description.
Note: Descriptions for menus, sections, or menu items are optional.
Step 5 - Design You Menu (Optional)
Click the Design tab within the Menu Block configuration to edit the appearance of your menu.
The Simple Menu Style creates a single column menu with centered text.
The Simple Menu style will appear similarly to the image below.
The Classic Menu Style creates a menu with multiple columns.
The Classic Menu style appears similarly to the image below.
You can also choose between the Dollar ($), the Euro (€), the Pound (£), or the Yen (￥) as the currency symbol for your menu items. You can also hide the currency symbol by selecting None.
Note: The currency symbol choosen within the Design tab will appear, regardless of the currency symbol used when typing in menu items.
All the text in the Menu Block can be styled with the Body Text tweak in your Style Editor under Color or Typography within the Style Editor.