You can use the Menu Block to display your restaurant's menu on your site.
Step 1 - Add the Menu Block
In the Content Manager , view a page and click the + Add Block button:
or to add a block to a blog post, click the + button that displays at the bottom of the post editor:
In the Add a Block overlay, select the Content tab then click and drag the Menu Block to position it within your content or just click it to place it below your content.
Note: Use the instructions in this guide to add this block to the sidebar of a Page or Blog. Sidebars are supported by specific templates.
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.
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.
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.
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.
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.