Your food menu is indeed incomplete without the food listing; hence, displaying all options served in your restaurant. For this, a complete step-by-step procedure is mentioned below to create one. Users need to create a new page from the Pages menu at the Admin Panel  followed by adding the shortcode [foods]. An alternative way is you can add the shortcode in the Template File that is attached to the page created.

The shortcode shows the list of your food along with search filters.

Food Listing Page Setup:

Follow the below steps to set-up a new page:

1. Log into your WordPress Admin dashboard



2. On the dashboard, find Pages at the left side of the screen.



3. Now click on Add New Page to create one.



4. Add a suitable title to it and add the shortcode [foods] inside the content area.

Note: It is recommended for you to paste the shortcode into the ‘text’ view of the visual editor to ensure it gets formatted correctly.

Layout of the Food Listings

Users get mainly two types of layouts to display all the food listings on the website, namely

1. Box Layout
   You can refer to the below image as a reference to see how box layout looks on the screen:
   
2. List Layout
   The list layout displays food listing the same way as shown in the image:
   

The Food Listings Shortcode Attribute

WP Food Manager has an attribute, namely per_page, which is associated with the food listings.

per_page: Set ‘per page’ option as a default setting. This determines how many food items can be listed in a single page.

Example: