WP-Food

Restaurant Menu & Food ordering

• Latest update: 30 July 2019
• By: ExThemes
• Email: sp.exthemes.net@gmail.com

Thank you for downloading my plugin. If you have any questions that are beyond the scope of this help file, please feel free to contact us in forum. Thanks so much!

If you own a restaurant, café or food service business, WP Food is a must-have plugin. WP Food is the simplest way for your business to display food items and for your customers to order. It helps you create and display food menu with many styles, layouts and anywhere via shortcodes or widget, support WPBakery Page Builder, Elementor, Site Origin ….

Features list

• 4 Styles support
• Fully responsive and mobile ready.
• Online Food ordering and manager.
• Unlimited WP-Food anywhere.
• Support with many columns(2, 3, 4, 5)
• WP-Food with Grid, List, Carousel(Slider view)
• Admin create Food and manage order easily
• Ajax load more
• Unlimited WP-Food Color. You can set main color for all style
• Single Food support
• Custom food info
• Food images gallery
• Unlimited customize with font, color
• Visual Composer support
• Supper easy configuration
• And more …

The Full Package includes these following files and folders:

• Documentation folder - Contain this document
• Installation Files folder - Contain installable file plugin
  
  • wp-food.zip folder - WordPress Plugin Installation file

Install via Wordpress admin

1. Login to WordPress Admin
2. In the left menu panel go to Plugins > Add New > Upload to install plugin
3. Click Upload
4. Browse your download package to select installation files
5. Click Install Now button
6. Once it's uploaded, click the Activate link

Install via FTP Account

1. Use your FTP software to browse to wp-content/plugins folder to install plugin
2. Extract the installation files to their corresponding folders, for example wp-food.zip to wp-food and upload to server
3. Once it's uploaded, go to your WordPress Admin, browse to Plugins > Installed Plugins
4. Click the Activate link

Update

1. Deactive "WP-Food" plugin by going to Plugins > Deactive "WP-Food" plugin
2. Delete older version by clicking on Delete link. Confirm to delete.
3. Update and re-install new version.

1. Go To Wordpress Admin > Food > Add New Food

2. Set a title, description, featured image and required field about food

3. Display

1. Go To Wordpress Admin > Food

2. Click title to edit each food, after edit press update button to finish

View and Edit Order

1. Click email of order to view and edit order detail

2. Edit order information(note: when you change Order Status, email notification will be sent automatic to customer)

Create Order

Go To Wordpress Admin > Food > Order > Add new Order

You could use Shortcode builder feature to generate shortcode instead using default shortcode

WP-Food shortcode also has supported: Visual Composer, Elementor and SiteOrigin page builder so you could use those page builder to config shortcode

Food Grid is a shortcode for displaying food on grid.

• style - Select number style(Default 1)
  • Food grid - stye start 1 to 4 (example style="1")
• column - A number of items to show per line, start 2 to 5. Default 2(Note: with grid style 2 only support 2 and 3 column)
• count - A number items will be showed. Default total items(Example: you have 23 foods but you only want to display 20 foods, you can set count="20")
• posts_per_page - relates param page_navi
  • page_navi="loadmore", posts_per_page is number of items to add in the end after event load more (Example page_navi="loadmore" posts_per_page="3" - show 3 items in the end after click button load more)
  • page_navi="" (Pagination), posts_per_page is number of items to show per page(Example page_navi="" posts_per_page="3" - show 3 items in per page).
• ids - List of IDs to query, separated by a comma(example ids="1,2,3")
• cat - List of category ids (or slug), separated by a comma(example cat="fastfood" or cat="1")
• page_navi - type of display(load more event or pagination) refer with param posts_per_page(Default Pagination)
  • page_navi="loadmore", add items in the end after event load more
  • page_navi="" ,Pagination
• number_excerpt - Enter number of excerpt to show(Default 10), example number_excerpt="20"
• cart_enable - Enable cart icon or not(Default yes)
  • cart_enable="yes", enable
  • cart_enable="no" ,not enable
• order - Order ascending (order="ASC") or descending (order="DESC")
• orderby - Choose order condition
  • 'date' - Order by date.
  • 'ID' - Order by post id. Note the captialization.
  • 'author' - Order by author.
  • 'title' - Order by title.
  • 'name' - Order by post name (post slug).
  • 'modified' - Order by last modified date.
  • 'parent' - Order by post/page parent id.
  • 'rand' - Random order.
  • 'menu_order' - Order by Page Order. Used most often for Pages (Order field in the Edit Page Attributes box) and for Attachments (the integer fields in the Insert / Upload Media Gallery dialog), but could be used for any post type with distinct 'menu_order' values (they all default to 0).
  • 'meta_value' - Note that a 'meta_key=keyname' must also be present in the query. Note also that the sorting will be alphabetical which is fine for strings (i.e. words), but can be unexpected for numbers (e.g. 1, 3, 34, 4, 56, 6, etc, rather than 1, 3, 4, 6, 34, 56 as you might naturally expect). Use 'meta_value_num' instead for numeric values.
  • 'meta_value_num' - Order by numeric meta value (available with Version 2.8). Also note that a 'meta_key=keyname' must also be present in the query. This value allows for numerical sorting as noted above in 'meta_value'.
  • 'post__in' - Preserve post ID order given in the ids array
  • 'none' - No order
• meta_key - Enter custom field key, Show posts associated with a certain custom field

Example: Style 1 (3 columns) with Loadmore(click here to view detail demo)

Food list is a shortcode for displaying food on listing .

• style - Select number style start 1 to 3(example style="1")
• count - A number items will be showed. Default total items(Example: you have 23 foods but you only want to display 20 foods, you can set count="20")
• posts_per_page - relates param page_navi
  • page_navi="loadmore", posts_per_page is number of items to add in the end after event load more (Example page_navi="loadmore" posts_per_page="3" - show 3 items in the end after click button load more)
  • page_navi="" (Pagination), posts_per_page is number of items to show per page(Example page_navi="" posts_per_page="3" - show 3 items in per page).
• ids - List of IDs to query, separated by a comma(example ids="1,2,3")
• cat - List of category ids (or slug), separated by a comma(example cat="fastfood" or cat="1")
• page_navi - type of display(load more event or pagination) refer with param posts_per_page
  • page_navi="loadmore", add items in the end after event load more
  • page_navi="" ,Pagination
• number_excerpt - Enter number of excerpt to show(Default 10), example number_excerpt="20"
• cart_enable - Enable cart icon or not(Default yes)
  • cart_enable="yes", enable
  • cart_enable="no" ,not enable
• order - Order ascending (order="ASC") or descending (order="DESC")
• orderby - Choose order condition
  • 'date' - Order by date.
  • 'ID' - Order by post id. Note the captialization.
  • 'author' - Order by author.
  • 'title' - Order by title.
  • 'name' - Order by post name (post slug).
  • 'modified' - Order by last modified date.
  • 'parent' - Order by post/page parent id.
  • 'rand' - Random order.
  • 'menu_order' - Order by Page Order. Used most often for Pages (Order field in the Edit Page Attributes box) and for Attachments (the integer fields in the Insert / Upload Media Gallery dialog), but could be used for any post type with distinct 'menu_order' values (they all default to 0).
  • 'meta_value' - Note that a 'meta_key=keyname' must also be present in the query. Note also that the sorting will be alphabetical which is fine for strings (i.e. words), but can be unexpected for numbers (e.g. 1, 3, 34, 4, 56, 6, etc, rather than 1, 3, 4, 6, 34, 56 as you might naturally expect). Use 'meta_value_num' instead for numeric values.
  • 'meta_value_num' - Order by numeric meta value (available with Version 2.8). Also note that a 'meta_key=keyname' must also be present in the query. This value allows for numerical sorting as noted above in 'meta_value'.
  • 'post__in' - Preserve post ID order given in the ids array
  • 'none' - No order
• meta_key - Enter custom field key, Show posts associated with a certain custom field

Example: List style 1(click here to view detail demo)

Food Carousel is a shortcode for displaying food on slider .

• style - Select number style start 1 to 4(example style="1")
• count - A number items will be showed. Default total items(Example: you have 23 foods but you only want to display 20 foods, you can set count="20")
• slidesshow - number items per slide (Default:3)
• slidesscroll - number of slides to scroll at a time (Default = slidesshow)
• ids - List of IDs to query, separated by a comma(example ids="1,2,3")
• cat - List of category ids (or slug), separated by a comma(example cat="fastfood" or cat="1")
• number_excerpt - Enter number of excerpt to show(Default 10), example number_excerpt="20"
• cart_enable - Enable cart icon or not(Default yes)
  • cart_enable="yes", enable
  • cart_enable="no" ,not enable
• order - Order ascending (order="ASC") or descending (order="DESC")
• orderby - Choose order condition
  • 'date' - Order by date.
  • 'ID' - Order by post id. Note the captialization.
  • 'author' - Order by author.
  • 'title' - Order by title.
  • 'name' - Order by post name (post slug).
  • 'modified' - Order by last modified date.
  • 'parent' - Order by post/page parent id.
  • 'rand' - Random order.
  • 'menu_order' - Order by Page Order. Used most often for Pages (Order field in the Edit Page Attributes box) and for Attachments (the integer fields in the Insert / Upload Media Gallery dialog), but could be used for any post type with distinct 'menu_order' values (they all default to 0).
  • 'meta_value' - Note that a 'meta_key=keyname' must also be present in the query. Note also that the sorting will be alphabetical which is fine for strings (i.e. words), but can be unexpected for numbers (e.g. 1, 3, 34, 4, 56, 6, etc, rather than 1, 3, 4, 6, 34, 56 as you might naturally expect). Use 'meta_value_num' instead for numeric values.
  • 'meta_value_num' - Order by numeric meta value (available with Version 2.8). Also note that a 'meta_key=keyname' must also be present in the query. This value allows for numerical sorting as noted above in 'meta_value'.
  • 'post__in' - Preserve post ID order given in the ids array
  • 'none' - No order
• meta_key - Enter custom field key, Show posts associated with a certain custom field
• autoplay - Auto next slide or not
  • autoplay="" - not auto
  • autoplay="1" - auto
• autoplayspeed - Autoplay Speed in milliseconds. Default:3000, it work only autoplay="1"(example autoplay="1" autoplayspeed="1000")
• infinite - Infinite loop sliding ( go to first item when end loop)
  • infinite="" - not infinite
  • infinite="yes" - infinite

Example: Carousel style 1 with 3 items visible, Auto play(1 seconds) and Infinite( go to first item when end loop) click here to view detail demo

Food Cart is a shortcode for displaying food on Cart(This shortcode for cart page, you can choice any page and add this shortcode to that page, just setting that page to cart page, refer Advance setting)

Food Checkout is a shortcode for displaying checkout info(This shortcode for checkout page, you can choice any page and add this shortcode to that page, just setting that page to checkout page, refer Advance setting)

1. Go to Food > Shortcode builder

2. Config shortcode option as you wan to show > Click Publish button

With Selection Tyle has 3 items(Grid, List, Carousel) please refer Short code document for more detail about each param

3. Copy shortcode and paste it into your post, page, or text widget content

1. Go to Food > Setting

2. Advance Setting

You can use Loco Translate plugin to translate

To edit template of food element you just copy folder "templates" in the folder "plugins/wp-food/" to your theme folder and change name to "wp-food" and you can customise it as you want

I've used the following images, icons or other files as listed.

• Free Photos - by Pixabay
• CMB2 - GPL V2 License
• Slick - MIT License

Other free plugin: Team Members Showcase

ExThemes