WooCommerce Food

Restaurant Menu & Food ordering

• Latest update: 15 May 2021
• By: ExThemes
• Email: exthemes.net@gmail.com

Thank you for purchasing my plugin. If you have any questions that are beyond the scope of this help file, please feel free to email via support page contact form here. Thanks so much!

WooCommerce Food is a WordPress plugin that helps restaurant owners to create restaurant menu and manage food orders online using WooCommerce. With the rise of online ordering services, this plugin is simple way to introduce food menu, customers only need 3 steps for a delicious meal: choice food -> Order -> Enjoy. It is an addon of WooCommerce, with WooCommerce, customers can have payment online easily and restaurant owners also view orders online report everyday, every month. By this plugin you can display all menu information with any styles, layouts and anywhere via shortcodes.

Features list

• 10+ Food Styles support
• Online Food ordering and manager via pro system of WooCommerce
• Quick ordering food support
• Fully responsive and mobile ready.
• Display menu via shortcode anywhere.
• Support with many columns(2, 3, 4, 5)
• Display Food menu with Grid, List, Table, Carousel(Slider view)
• Admin create Food and manage order easily
• Support email to admin and customer after order
• Support select food by location
• Ajax load more, pagination, popup food info
• Support setting minimum amount
• Review food system
• Support open closing time order
• Support Delivery date and time field in order
• Unlimited Color. You can set color for all or each food
• Support filter category - allows you create menu category, you can show all menu items or show by category
• Multiple Payment mode support
• User page with regiter/login/history booking
• Coupon code
• RTL mode support
• Custom food info
• 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
  
  • woo-exfood.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 woo-exfood.zip to woo-exfood 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

You can update plugin via admin dashboard by install this addon or you can download plugin again from codecanyon and follow these steps:

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

This plugin using product as food so you could also follow details document about create product/food from WooCommerce here

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

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

3. Display

This feature only visible from version 1.3

1. From version 1.3 the plugin allow you can create food with extra options in each food/product edit page

You can also create option for all foods or special category in Products > Global Option

2. It will show in frontend like this:

3. From version 2.6 the plugin allow you can show hide option by conditional logic

To setup conditional logic for your option, please go to edit your option > Conditional logic > Enable Conditional Logic and setup rules:

Create menu

Go To Wordpress Admin > Product > Categories > Input name, slug, description and press Add new menu button

If you want to use icon font, you just need to install Font Awesome plugin then select icon from this url copy html of icon and add it into Icon Shortcode field

Edit menu

1. Click name of menu to edit menu detail

2. Hover name of menu to quick edit menu detail

Add food to menu

3. Go to Products > Edit product > Select Menus/Category Or select Menus/Category when create food

4. Or You could add/remove Menus/Category when via Quick edit food/product

Create Location

All steps like when you create Menus/Category

Go To Wordpress Admin > Products > Food Locations > Input name, slug, description and press Add new Location button

Edit Location

1. Click name of Location to edit Location detail

2. Hover name of Location to quick edit Location detail

Add food for Location to sell different food for each location

3. Go to Products > Edit product > Select Location Or select Location when create food

4. Or You could add/remove Location when via Quick edit food/product

5. To sell different food for each location, you need go to Product > Food Settings > Enable Food by location > Yes

• 1. Food Grid
• 2. Food List
• 3. Food Table
• 4. Food Carousel
• 5. Opening and closing info
• 5. Menu group

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

WooCommerce Food shortcode also has supported: WPBakery Page Builder page builder so you could use this page builder to config shortcode

Food Grid

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 3 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/menu ids (or slug), separated by a comma(example cat="fastfood" or cat="1")
• menu_filter - Show category food filter(Default hidden)
  • menu_filter="hide"
  • menu_filter="show"
• filter_style - Menu filter style, Select between default and icon style
  • filter_style=""
  • filter_style="icon"
• hide_ftall - Hide 'All' Filter, Select 'yes' to disable 'All' filter
  • hide_ftall=""
  • hide_ftall="yes"
• active_filter - Active special menu filter instead of "All", enter slug of category to active
• order_cat - Show category food filter with custom order(Default no custom order)
  • order_cat="", not apply custom order
  • order_cat="yes" , apply custom order
• 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
• enable_search - Enable Live Search feature
  • enable_search="yes", enable
  • enable_search="" ,not enable
• order - Order ascending (order="ASC") or descending (order="DESC")
• orderby - Choose order condition
  • 'date' - Order by date.
  • 'sale' - Order by Sale.
  • 'order_field' - Order by Custom order field.
  • '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.
  • '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
• meta_value - Enter a value of meta key to query

Example: Style 2 (3 columns) with Category and Pagination(click here to view detail demo)

Food list

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")
• menu_filter - Show category food filter(Default hidden)
  • menu_filter="hide"
  • menu_filter="show"
• active_filter - Active special menu filter instead of "All", enter slug of category to active
• order_cat - Show category food filter with custom order(Default no custom order)
  • order_cat="", not apply custom order
  • order_cat="yes" , apply custom order
• filter_style - Menu filter style, Select between default and icon style
  • filter_style=""
  • filter_style="icon"
• hide_ftall - Hide 'All' Filter, Select 'yes' to disable 'All' filter
  • hide_ftall=""
  • hide_ftall="yes"
• menu_pos - Position of category box(Default top)
  • menu_pos="top", Show category in top
  • menu_pos="left", Show category in left side
• 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
• cart_enable - Enable cart icon or not(Default yes)
  • cart_enable="yes", enable
  • cart_enable="no" ,not enable
• enable_search - Enable Live Search feature
  • enable_search="yes", enable
  • enable_search="" ,not enable
• number_excerpt - Enter number of excerpt to show(Default 10), example number_excerpt="20"
• order - Order ascending (order="ASC") or descending (order="DESC")
• orderby - Choose order condition
  • 'date' - Order by date.
  • 'order_field' - Order by Custom order field.
  • 'sale' - Order by Sale.
  • '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.
  • '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
• meta_value - Enter a value of meta key to query

Example: List style 1 with Category and Load more(click here to view detail demo)

Food Table

Food Table is a shortcode for displaying food on table .

• style - Select number style(Default 1)
  • Food table - only have style 1 (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")
• menu_filter - Show category food filter(Default hidden)
  • menu_filter="hide"
  • menu_filter="show"
• active_filter - Active special menu filter instead of "All", enter slug of category to active
• filter_style - Menu filter style, Select between default and icon style
  • filter_style=""
  • filter_style="icon"
• hide_ftall - Hide 'All' Filter, Select 'yes' to disable 'All' filter
  • hide_ftall=""
  • hide_ftall="yes"
• order_cat - Show category food filter with custom order(Default no custom order)
  • order_cat="", not apply custom order
  • order_cat="yes" , apply custom order
• live_sort - Show or hide sort(Default hidden)
  • live_sort="" - hide
  • live_sort="1" - show
• 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
• enable_search - Enable Live Search feature
  • enable_search="yes", enable
  • enable_search="" ,not enable
• order - Order ascending (order="ASC") or descending (order="DESC")
• orderby - Choose order condition
  • 'date' - Order by date.
  • 'order_field' - Order by Custom order field.
  • 'sale' - Order by Sale.
  • '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.
  • '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
• meta_value - Enter a value of meta key to query

Example: Table style with Live Sort and Pagination(click here to view detail demo)

Food Carousel

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"
• order - Order ascending (order="ASC") or descending (order="DESC")
• orderby - Choose order condition
  • 'date' - Order by date.
  • 'order_field' - Order by Custom order field.
  • 'sale' - Order by Sale.
  • '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.
  • '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
• meta_value - Enter a value of meta key to query
• 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")
• loading_effect - Enable or disable effect when loading
  • loading_effect="" - no effect
  • loading_effect="1" - apply effect
• infinite - Infinite loop sliding ( go to first item when end loop)
  • infinite="" - not infinite
  • infinite="yes" - infinite
• cart_enable - Enable cart icon or not(Default yes)
  • cart_enable="yes", enable
  • cart_enable="no" ,not enable

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

Food Location

Food Location is a shortcode for displaying Location selection.

Opening and closing info

Opening and closing info is a shortcode for displaying Opening and closing time info in popup .

• img_url - Url of image

Menu group

• layout - Select Layout of Menu group ( Grid,List and Table) example:layout="list"
• style - Select style of layout ( Grid supports style 1,2,3,4 List supports style 1,2,3 and Table supports style 1)
• column - Select number column of style of grid or list, start 2 to 5. Default 2(Note: with grid style 3 only support 2 and 3 column) example:column="4"
• 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 - Number of items per page(Example: if you have 10 foods but you only want to display 5 foods per page, you can set posts_per_page="5")
• page_navi - Page navigation
  • page_navi="loadmore", Page navigation by button load more
  • page_navi="" (Pagination), Page navigation by numbers
• cat - List of category/menu ids (or slug), separated by a comma(example cat="fastfood" or cat="1")
• order_cat - Show category food filter with custom order(Default no custom order)
  • order_cat="", not apply custom order
  • order_cat="yes" , apply custom order
• 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.
  • 'sale' - Order by Sale.
  • 'order_field' - Order by Custom order field.
  • '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.
  • '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
• meta_value - Enter a value of meta key to query
• enable_modal - Enable popup food details, default yes, to disable it: enable_modal="no"
• featured - Show only Featured food/products, default no, to show only Featured food/products: featured="1"
• class - add a class name and refer to it in custom CSS

Example: Menu group Grid style 1

1. Go to Product > Shortcode builder

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

With Selection Tyle has 4 items(Grid,Table,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

• Cart – Contains [woocommerce_cart] shortcode and shows the cart contents
• Checkout – Contains [woocommerce_checkout] shortcode and shows information such as shipping and payment options
• My Account – Contains [woocommerce_my_account] shortcode and shows each customer information related to their account, orders, etc.

Tell WooCommerce what pages to use

If you set up new pages yourself, or want to change what pages are used for things like cart and checkout, you need to tell WooCommerce which pages to use.

To tell WooCommerce what pages to use for Cart, Checkout, My Account, and Terms and Conditions, go to WooCommerce > Settings > Advanced.

You could also view document from WooCommerce: Here

This plugin using Pro manage order of WooCommerce so you could follow details document to manage order: Here

1. Go to Product > Food Setting

2. Display

• 1. General
• 2. Takeaway
• 3. Dine-in
• 4. Advanced Time slots

1. General

Go to Food > Settings > Advanced

Opening closing time ( This option only visible in verion 1.1)

2. Takeaway

If you want to set different date setting for Takeaway, you just need go to Go to Food > Settings > Advanced > Takeaway

3. Dine-in

If you want to set different date setting for Dine-in, you just need go to Go to Food > Settings > Advanced > Dine-in

4. Advanced Time slots

If you want to set different time delivery slots for each day of weeks or different time slots for Takeaway, you just need go to Go to Food > Settings > Advanced > Advanced Time slots

Go to Food > Settings > Shipping

Shipping method display

How to change address or shipping method ?

- To print invoice, You just install this addon to config PDF Invoice

- To config PDF Invoice you just go to WooCommerce > PDF Invoices

The plugin is translation ready, please follow the steps bellow:

Step 1. Go to Plugins > Add New > Find and install: Loco Translate plugin

Step 2. Go to Loco Translate > Plugins > Select: WooCommerce Food

Step 4.  Select Language and Location of language file

Step 5.  Find text and translate of change it as you want

If you cannot to find the text you want to translate so you will need to translate it from WooCommerce, you could follow this document from WooCommerce: Here

To edit template of food element you just copy folder "templates" in the folder "plugins/woocommerce-food/" to your theme folder and change name to "woocommerce-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

Once again, thank you so much for purchasing this plugin. As I said at the beginning, I'd be glad to help you if you have any questions relating to this plugin. No guarantees, but I'll do my best to assist. If you have a more general question relating to the plugin on Codecanyon, you might consider visiting the forums and asking your question in the "Item Discussion" section.

ExThemes