You can use the Menu Block to display your restaurant's menu on your site.

 

Step 1 - Add the Menu Block

View a Page, Blog Post, Event, or a Product's Additional Info in the Content Manager and click an Insert Point where you would like to add your Menu Block.

In the Block Menu scroll down to More and click the Menu Block to add it to the Insert Point.

You can also click and drag the Menu Block to place it in a different area of the page.

Note: You can also add the Menu Block to a Sidebar and Footer, if your template supports it. We have a guide for adding content to your Sidebar here and to your Footer here.

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.

menu-1.jpg

On the line directly beneath the equal signs, you can add a description of each menu.

Within the Content Manager, the menus that you added will appear.

Note: If you have only added one menu without any other content, the menu may disappear from the Content Manager. The menu will reappear once you have added other menu content.

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.

menu-4.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.

menu-8.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.

Note: Descriptions for menussections, or menu items are optional.

Step 5 - Design Your Menu (Optional)

Click the Design tab within the Menu Block configuration to edit the appearance of your menu.

menu-13.jpg

Simple Menu Style

The Simple Menu Style creates a single column menu with centered text.

The Simple Menu style will appear similarly to the image below.

Classic Menu Style

The Classic Menu Style creates a menu with multiple columns.

The Classic Menu style appears similarly to the image below.

Currency

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.

Fonts & Colors

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

Note: We have a great guide on making style changes here

Formatting Help

You can click on the Formatting Help tab for guidance on formatting your Menu Block.

menu-19.jpg