This article will explain you how to use the F&B module created by OHM – how to add a new menu or update current ones. 

1. Edit menu

  • Navigate to F&B Menus in the back end of your website. Note: make sure you are in the default language of your website. 


  • The F&B menu overview will open on your screen. Here you can click on an existing menu, if you wish to update this. You can edit the menu items as well as the menu title.
  • Or you can click on + Create new Menu, if you wish to add a new menu to the website. If you wish to delete the menu, you can click on edit menu as well. 

 

Once you clicked on the menu, you can start editing the menu:

  • The dish name: what is the dish?
  • The description: what are the ingredients?
  • The price: the price of the dish (note: you do not have to include this)


1.1 Add new dish

If you wish to add a new dish, click on ‘add new dish’.


1.2 Add new sub-menu

A new sub-menu means that you add another part to your menu. It creates spaces between the items on the menu. This will look like this:

 

1.3 Save menu

On the right top of the page, you can save the menu.


1.4 Add translations

Once your menu is finished and you saved it, it is possible to add translations. On the top, next to save you will see the translation option (the language that needs to be translated). Click on the pencil and you will be send to the menu for which you wish to update/add the translation.


1.5 Save

Once you are finished, make sure to save the menu.


2. Add menu to page

2.1 Pages

Navigate to pages in the back-end of your website. Here you can find the page you wish to upload the f&b menu to. Note: you need to click on edit with elementor in order to add/edit a menu. 

 

2.2 Add / Edit menu

  • If you wish to add the f&b widget to your page, it is important to do this first before you can update a menu.
  • Navigate to the elementor column on the left side of the page.
  • Then, click on the square with dots, you will see this on the right side of the elementor column.
  • If you can not find the f&b widget, you can type it in the search bar.
  • From here, you can drag the f&b module into the page.


  • Once you added the f&b widget to the page, you can edit it. Navigate to the pencil in the top right corner.


  • Once you clicked on this pencil, a tab on the left side of your screen will open.
  • Here you can find the details / settings for the section you just clicked on.
  • Now, you are able to add / edit your menu.
  • Note: it is important that you first create your menu’s in the F&B module before you add them to the page. Otherwise, they will not show up in the menu option.

 

  • The menu you chose, will show on the page now. You can add multiple menu’s to the section.


  • Once the menu is finished, click on update on the bottom of the page.
  • You wil have to update the translations of the page as well. You can do this by navigating to the backend of the website and click on the pencil/wheel next to the page you just updated. Here you can change / add translations.


  • Now your f&b menu is ready and you can see it on the front-end of your website!