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.

add a block.png

 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.

add a menu 2.jpg

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. 

add a section 3.jpg

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. 

add menu items.jpg

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.

add price.jpg

NoteDescriptions for menussections, 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.

simple 1.png

The Classic Menu Style creates a menu with multiple columns.

The Classic Menu style appears similarly to the image below.

classic menu 2.jpg

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

Comment