Cascading layout allows to display all menu categories in the separate tabs placed at the top of the menu. In this tutorial, we will learn how to create and configure a cascading menu type with FW Food Menu.

We will proceed as follows:

• How to create and configure a cascading menu

First, let's learn how to display a menu item. To learn how to display a menu item, you need to do the following:

1. Repeat steps 1-3 from Menu Layout tutorial.

2. Locate Menu Title field and enter Cascading Menu into it.

Now, let’s assign the Grid Menu Layout to the newly created menu item.

3. Click Select button.

4. Locate Food Menu dropdown and select Grid Menu Layout from the list.

5. Click Save button.

Once we have assigned a cascading menu layout to the menu item, let’s configure it.

6. Locate Options tab.

7. Mouse over Display Full Menu field and set it as Yes. As a result, a full menu will appear as a separate tab along with all categories.

8. Locate Display Image field and set it as Yes. As a result, all meals will be displayed with images.

9. Locate Layout field and choose Italian.

10. Click Save button. Your screen should look similar to the screenshot below.

Go to the front-end to check the result.