This a step-by-step guide for creating a Japanese restaurant online menu. The final result can be seen at Japanese Restaurant on Demo. Following the steps of this guide, you can create a similar online menu. However, before proceeding with creating the same menu you need to prepare media content and install FW Food Menu to your Joomla platform. To learn how to get started with FW Food Menu, review Getting started documentation page. If you have media content and FW Food Menu in place, it takes around 50 minutes to create a similar online menu.
We will proceed as follows:
Let’s start with breaking your menu into categories and subcategories. In our showcase we created Japanese restaurant parent category with its child categories - Rolls, Sushi, Shared plates, Sashimi, Dessert, and Hot beverages. Depending on your business specifics, categories number and types may vary. When adding and configuring each category, pay attention to the following settings:
Once category parameters are set, the new category form looks as follows:
Repeat the same steps with each new category. When all categories are added and configured, your admin panel will look similar to the screenshot below:
Once the categories are created, you need to add meals to each category.
When adding a meal pay attention to the following:
Once a meal is configured, don’t forget to save your configuration. Your screen should look similar to the screenshot below.
Once all meals are added and configured your meals list will look similar to the screenshot below:
We used a Category Layout to display categories with meals. The Category Layout allows displaying top-level categories on the separate page leading to the page with meals items included to a particular category. In Category Layout each category is styled with meal images slideshow displayed on hover and a short description allowing to specify a price range or any other specific information. To learn how to display the categories with images, do the following.
Once the layout is configured, don’t forget to save your configuration. Once saved, check how the menu is displayed on the front-end.
Meals list page