Japanese Restaurant

Showcase overview

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:

Create categories with subcategories

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:

  • Parent category. Specify whether the category being added is a parent or child category.
  • Short description. Enter a short description of the category. We used the short description to specify a price range along with general information about the category.
  • Category image. Upload category image via category description section.

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:

Add meals to the categories

Once the categories are created, you need to add meals to each category.

When adding a meal pay attention to the following:

  1. Specify meal title.
  2. Choose the category to display a meal within this category.
  3. Add a description of the meal.
  4. Specify pricing terms using the Prices and Sizes section. Add as many pricing terms as you need. Use Label column to specify optional ingredients or any other specific information.
  5. Specify discounts using the Prices and Sizes section. Enter a discount price into the Special price column. Consequently, the discounted price will be shown next to the original price.
  6. Configure promo options to highlight a meal as Recommended, New, Meal of the day or Special.

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:

Display categories with meals

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.

  1. Create Japanese restaurant menu item.
  2. Assign Category Layout to the newly created menu item.
  3. Configure the layout as follows:
  • Select Category: Japanese restaurant
  • Layout Design: Coffee Shop
  • Meal background color: #f2f2f2
  • Category description position: Top
  • Meal image position: Left
  • Columns quantity: Two
  • Display Top meal of the day: No
  • Display PDF download button: Yes
  • Display image: Yes

Once the layout is configured, don’t forget to save your configuration. Once saved, check how the menu is displayed on the front-end.

Categories page

Meals list page

Ask a Question

To ask any questions please login or register
Was this article helpful for you?