{"id":821,"date":"2021-03-14T09:22:26","date_gmt":"2021-03-14T09:22:26","guid":{"rendered":"https:\/\/ithemelandco.com\/docs\/woocommerce-product-table\/?p=821"},"modified":"2022-06-08T05:28:53","modified_gmt":"2022-06-08T05:28:53","slug":"make-restaurant-menu-from-products-in-woocommerce-product-table-plugin","status":"publish","type":"post","link":"https:\/\/ithemelandco.com\/docs\/woocommerce-product-table\/make-restaurant-menu-from-products-in-woocommerce-product-table-plugin\/","title":{"rendered":"How to make a WooCommerce restaurant menu in WooCommerce product table plugin?"},"content":{"rendered":"\n<p>Restaurant food menu in <a href=\"https:\/\/ithemelandco.com\/plugins\/woocommerce-product-table\/\" target=\"_blank\" rel=\"noreferrer noopener\">product table plugin<\/a> can be made easily by choosing the right columns and settings after adding your products in the WooCommerce. The appearance of the restaurant menu plays an important role in attracting customers to purchase foods from your website.\u00a0<\/p>\n\n\n\n<p>So, if you are going to develop or design your online store to sell foods, follow this tutorial. With this tutorial you can get familiar with the various options for creating an amazing and useful restaurant menu in product table by 3 simple steps:<\/p>\n\n\n\n<h2 class=\"wp-block-heading\"><strong>Step 1: Choose the right columns for your WooCommerce restaurant menu in product table<\/strong><\/h2>\n\n\n\n<p>You create a new table by clicking on \u201c<strong>Add New<\/strong>\u201d. Then you are directed to the &#8220;<strong>Column<\/strong>&#8221; page that some columns are selected as a default.<\/p>\n\n\n\n<p>However, to make a customer-friendly restaurant menu in the product table, you may need below columns:<\/p>\n\n\n\n<ul class=\"wp-block-list\"><li><strong>Check:<\/strong> A checkbox that enables customers to choose their desired products.<\/li><li><strong>Thumbnails:<\/strong> This option display images related to the foods in the menu.<\/li><li><strong>Product Title:<\/strong> with this option you can display the Food name in front of each product.<\/li><li><strong>Category:<\/strong> The food category such as fast food or traditional, main meal and etc. These categories are listed in the menu exactly according to the categories you had assigned to the foods.<\/li><li><strong>Price:<\/strong> This column display price of each food in the product table.<\/li><li><strong>Rating: <\/strong>This is a good option for the customers. This help to see how other people enjoyed purchasing that special food from your online restaurant.<\/li><li><strong>Quick view:<\/strong>  This custom column display brief description in a pop-up page. As you can see in the below picture. For this option we use \u201cyith product quick view\u201d plugin.:<\/li><\/ul>\n\n\n\n<figure class=\"wp-block-image size-full is-resized\"><a href=\"https:\/\/ithemelandco.com\/docs\/wordpress-bulk-post-editing\/wp-content\/uploads\/sites\/6\/2021\/03\/16-quick-view.jpg\"><img fetchpriority=\"high\" decoding=\"async\" src=\"https:\/\/ithemelandco.com\/docs\/wordpress-bulk-post-editing\/wp-content\/uploads\/sites\/6\/2021\/03\/16-quick-view.jpg\" alt=\"Quick view option\" class=\"wp-image-1143\" width=\"1171\" height=\"569\"\/><\/a><\/figure>\n\n\n\n<p>You can choose other columns from the list as you wish or even add any new columns by using the form designed in this page.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full is-resized\"><a href=\"https:\/\/ithemelandco.com\/docs\/wordpress-bulk-post-editing\/wp-content\/uploads\/sites\/6\/2021\/03\/16-choose-custom-columns.jpg\"><img decoding=\"async\" src=\"https:\/\/ithemelandco.com\/docs\/wordpress-bulk-post-editing\/wp-content\/uploads\/sites\/6\/2021\/03\/16-choose-custom-columns.jpg\" alt=\"Choose custom columns\" class=\"wp-image-1144\" width=\"1408\" height=\"756\"\/><\/a><\/figure>\n\n\n\n<p>You can move the columns by holding the left click on the cursor and drag the items to be replaced by each other.<\/p>\n\n\n\n<p>It is up to you how to make the restaurant menu, regarding the features which you think that are important for your customers.<\/p>\n\n\n\n<p>Now, let\u2019s see how our restaurant menu looks like:<\/p>\n\n\n\n<figure class=\"wp-block-image size-full is-resized\"><a href=\"https:\/\/ithemelandco.com\/docs\/wordpress-bulk-post-editing\/wp-content\/uploads\/sites\/6\/2021\/03\/16-preview-restaurant-menu.jpg\"><img decoding=\"async\" src=\"https:\/\/ithemelandco.com\/docs\/wordpress-bulk-post-editing\/wp-content\/uploads\/sites\/6\/2021\/03\/16-preview-restaurant-menu.jpg\" alt=\"Preview of restaurant menu in woocommerce product table plugin\" class=\"wp-image-1145\" width=\"1189\" height=\"567\"\/><\/a><figcaption>make a restaurant food menu <\/figcaption><\/figure>\n\n\n\n<p>Obviously, there are some problems in our restaurant menu. The first and most important problem is displaying products other than foods in our restaurant menu.<\/p>\n\n\n\n<p>Follow the second step to show you how to solve this problem.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\"><strong>Step 2: Make a Query in the product table<\/strong><\/h2>\n\n\n\n<p>For filter the products that you need to be displayed in the product table, go to the \u201c<strong>Query<\/strong>\u201d tab.<\/p>\n\n\n\n<p>As we are going to make a restaurant menu, it makes sense to select \u201c<strong>Food<\/strong>\u201d in the category field.<\/p>\n\n\n\n<p>However, you can filter products by using different conditions. If you need more guidance to make your own query, refer to \u201c<a href=\"https:\/\/ithemelandco.com\/docs\/woocommerce-product-table\/how-to-create-a-product-table-with-custom-query\/\">How to create product tables with custom query<\/a>\u201d.<\/p>\n\n\n\n<p>By updating the table, you can see that product table is totally consists of your selected products:<\/p>\n\n\n\n<figure class=\"wp-block-image size-full is-resized\"><a href=\"https:\/\/ithemelandco.com\/docs\/wordpress-bulk-post-editing\/wp-content\/uploads\/sites\/6\/2021\/03\/16-filter-menu.jpg\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/ithemelandco.com\/docs\/wordpress-bulk-post-editing\/wp-content\/uploads\/sites\/6\/2021\/03\/16-filter-menu.jpg\" alt=\"Filter restaurant menu and show food category\" class=\"wp-image-1142\" width=\"1187\" height=\"569\"\/><\/a><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\"><strong>Step 3: Add to Cart options<\/strong><\/h2>\n\n\n\n<p>The most important part of an online menu is making purchasing experience easy and enjoyable for customers. So, you have to choose the \u201c<strong>Add to Cart<\/strong>\u201d option very carefully for your restaurant menu.<\/p>\n\n\n\n<p>As we discussed in \u201c<a href=\"https:\/\/ithemelandco.com\/docs\/woocommerce-product-table\/how-to-create-a-product-table-with-cart-option\/\">How to create a product table with a cart<\/a>\u201d, you have some options for adding \u201c<strong>Cart<\/strong>\u201d to the product table such as:<\/p>\n\n\n\n<ul class=\"wp-block-list\"><li>Mini header \/ footer cart<\/li><li>Floating Pop-Up<\/li><li>Slide cart<\/li><\/ul>\n\n\n\n<p>These options are available in the \u201c<strong>Setting<\/strong>\u201d tab:<\/p>\n\n\n\n<p>In this tutorial, we decided to display the \u201c<strong>Add to Cart<\/strong>\u201d option as a table header and floating mode. We also set the setting of floating mode cart as below:<\/p>\n\n\n\n<figure class=\"wp-block-image size-full is-resized\"><a href=\"https:\/\/ithemelandco.com\/docs\/wordpress-bulk-post-editing\/wp-content\/uploads\/sites\/6\/2021\/03\/16-add-to-cart.jpg\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/ithemelandco.com\/docs\/wordpress-bulk-post-editing\/wp-content\/uploads\/sites\/6\/2021\/03\/16-add-to-cart.jpg\" alt=\"Add to cart options\" class=\"wp-image-1140\" width=\"1061\" height=\"563\"\/><\/a><\/figure>\n\n\n\n<p>Now let\u2019s see how our table changed:<\/p>\n\n\n\n<figure class=\"wp-block-image size-full is-resized\"><a href=\"https:\/\/ithemelandco.com\/docs\/wordpress-bulk-post-editing\/wp-content\/uploads\/sites\/6\/2021\/03\/16-preview-add-to-cart-option.jpg\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/ithemelandco.com\/docs\/wordpress-bulk-post-editing\/wp-content\/uploads\/sites\/6\/2021\/03\/16-preview-add-to-cart-option.jpg\" alt=\"Preview add to cart options and product table header\" class=\"wp-image-1141\" width=\"1184\" height=\"567\"\/><\/a><\/figure>\n\n\n\n<p>Now, everything is ready for your customers to visit your restaurant menu in the product table as they order their favorite food.<\/p>\n\n\n\n<p>They easily can select the food, see a brief description by clicking on the &#8220;<strong>Quick View<\/strong>&#8220;, add them to their cart and see the price and rating in the table.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\"><strong>How to improve the appearance of the restaurant menu in the product table plugin?<\/strong><\/h2>\n\n\n\n<p>To make your WooCommerce restaurant menu more attractive, so many options are waiting for you in our plugin.<\/p>\n\n\n\n<p>We are introducing some of them to you, however, you can get familiar with them in detail by following our other tutorials.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><strong>Change Theme<\/strong><\/h3>\n\n\n\n<p>In the \u201c<strong>Template<\/strong>\u201d tab of WooCommerce product table plugin, you can choose one of the default templates or build your favorite template and set it for your product table.<\/p>\n\n\n\n<p>For example, we chose \u201c<strong>Colored<\/strong>\u201d as Template and update our product table which resulted in:<\/p>\n\n\n\n<figure class=\"wp-block-image size-full is-resized\"><a href=\"https:\/\/ithemelandco.com\/docs\/wordpress-bulk-post-editing\/wp-content\/uploads\/sites\/6\/2021\/03\/16-change-them.jpg\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/ithemelandco.com\/docs\/wordpress-bulk-post-editing\/wp-content\/uploads\/sites\/6\/2021\/03\/16-change-them.jpg\" alt=\"Change theme\" class=\"wp-image-1139\" width=\"1164\" height=\"565\"\/><\/a><figcaption>Choose the template of restaurant food menu<\/figcaption><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\"><strong>Add a search box to the product menu<\/strong><\/h3>\n\n\n\n<p>In the \u201c<strong>Search Box and Pagination<\/strong>\u201d tab, you are also able to add a search box above your product table and help customers to find their favorite food, quickly.<\/p>\n\n\n\n<p>There are a lot of settings that you can change in this page which we described completely in \u201c<a href=\"https:\/\/ithemelandco.com\/docs\/woocommerce-product-table\/how-to-create-a-search-form-by-category-and-attributes\/\">How to create a search form by category and attributes in WooCommerce product table plugin?<\/a>\u201d.<\/p>\n\n\n\n<p>if enable this option, our restaurant menu in product table turned to be like below:<\/p>\n\n\n\n<figure class=\"wp-block-image size-full is-resized\"><a href=\"https:\/\/ithemelandco.com\/docs\/wordpress-bulk-post-editing\/wp-content\/uploads\/sites\/6\/2021\/03\/16-add-search-box.jpg\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/ithemelandco.com\/docs\/wordpress-bulk-post-editing\/wp-content\/uploads\/sites\/6\/2021\/03\/16-add-search-box.jpg\" alt=\"add a search box to woocommerce product table plugin\" class=\"wp-image-1138\" width=\"1137\" height=\"554\"\/><\/a><\/figure>\n\n\n\n<p>You can choose to search foods by category, tag and etc that help your customer to find desired food easily.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Restaurant food menu in product table plugin can be made easily by choosing the right columns and settings after adding your products in the WooCommerce. The appearance of the restaurant menu plays an important role in attracting customers to purchase foods from your website.\u00a0 So, if you are going to develop or design your online [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[1],"tags":[],"class_list":["post-821","post","type-post","status-publish","format-standard","hentry","category-plugin-usage"],"_links":{"self":[{"href":"https:\/\/ithemelandco.com\/docs\/woocommerce-product-table\/wp-json\/wp\/v2\/posts\/821","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/ithemelandco.com\/docs\/woocommerce-product-table\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/ithemelandco.com\/docs\/woocommerce-product-table\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/ithemelandco.com\/docs\/woocommerce-product-table\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/ithemelandco.com\/docs\/woocommerce-product-table\/wp-json\/wp\/v2\/comments?post=821"}],"version-history":[{"count":0,"href":"https:\/\/ithemelandco.com\/docs\/woocommerce-product-table\/wp-json\/wp\/v2\/posts\/821\/revisions"}],"wp:attachment":[{"href":"https:\/\/ithemelandco.com\/docs\/woocommerce-product-table\/wp-json\/wp\/v2\/media?parent=821"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/ithemelandco.com\/docs\/woocommerce-product-table\/wp-json\/wp\/v2\/categories?post=821"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/ithemelandco.com\/docs\/woocommerce-product-table\/wp-json\/wp\/v2\/tags?post=821"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}