Here we will learn about how you can create an impressive menu with Tabs. For this, we require these two modules:<\/p>\n
- \n
- Restaurant Menu module<\/a><\/li>\n
- Advanced Tabs module<\/a><\/li>\n<\/ul>\n
Since we are now clear about what we are going to do, let’s see how we can do it.<\/p>\n
Creating a Restaurant Menu with PowerPack<\/h2>\n
Before we go any further, first make sure you have these tools ready to go –<\/p>\n
- \n
- Beaver Builder<\/a><\/li>\n
- PowerPack Addon<\/a><\/li>\n<\/ul>\n
To create the tabs restaurant menu, we will first create individual\u00a0sub-menus using the Restaurant Menu, and then we will proceed to add those menus to the Advanced Tab module.<\/p>\n
To create a new menu, go to WP Admin > Builder > Saved Module > Add New<\/strong>.<\/p>\n
![\"\"](\"https:\/\/wpbeaveraddons.com\/wp-content\/uploads\/1-5.jpg\")
<\/p>\nEnter the Title of the for the module (It can be your menu category name). Select the module – Restaurant \/ Services Menu module. Once done, click on the Add Saved Module<\/strong> button. On the next page, click on the “Launch Page Builder” button to\u00a0begin editing.<\/p>\n
![\"\"](\"https:\/\/wpbeaveraddons.com\/wp-content\/uploads\/2-10.jpg\")
<\/p>\nAlternate way:<\/strong>\u00a0You can create a page and drag and drop the module there, and once you are done editing, you can save the module by clicking on the “Save as…” button in module settings.<\/em><\/p>\n
Now comes the editing and designing part, you can do it by adding items and then giving them a proper title, description, etc. You can change the way your menu look as well with the help of heading style, Item style,\u00a0and typography tab.<\/p>\n
![\"\"](\"https:\/\/wpbeaveraddons.com\/wp-content\/uploads\/3-10.jpg\")
<\/p>\nLearn more about the Restaurant Menu module here<\/a>.<\/p>\n
Once you are done, click on the Done button on the top right corner of the page and then click on Publish<\/strong> to make the changes live.<\/p>\n
![\"\"](\"https:\/\/wpbeaveraddons.com\/wp-content\/uploads\/6-7.jpg\")
<\/p>\nDo the same for other menu categories as well. Remember to give them unique names.<\/p>\n
Now, at this point, we are done with the menus. Now we need to link them together on the Menu page using the Advanced Tabs\u00a0<\/strong>module. For that, simply go to your menu page (if you have one) or you can create a new page.<\/p>\n
Open the page in the Page Builder mode and just drag and drop the Advanced Tabs module on the page. When the settings show up, click on the Edit item option link.<\/p>\n
![\"\"](\"https:\/\/wpbeaveraddons.com\/wp-content\/uploads\/4-11.jpg\")
<\/p>\nWhen the Add item\u00a0window opens up, give it a name and then select the content type as Saved Module<\/strong> and simply select the respective module from the list. Click Save.<\/p>\n
![\"\"](\"https:\/\/wpbeaveraddons.com\/wp-content\/uploads\/7-8.jpg\")
<\/p>\nRepeat the same steps for the remaining menu categories and click on the Save<\/strong> button when done.
![\"\"](\"https:\/\/wpbeaveraddons.com\/wp-content\/uploads\/8-9.jpg\")
<\/p>\nVoila!<\/strong> You have successfully created a functional and impressive restaurant menu! You can make numerous styling changes according to your website’s theme using the style and typography options.<\/p>\n
This is what the Menu would look like once done:<\/p>\n
![\"\"](\"https:\/\/wpbeaveraddons.com\/wp-content\/uploads\/restaurant-menu.jpg\")
<\/p>\n<\/p>\n
Get PowerPack for Beaver Builder<\/h3>\n
Start building beautiful sites in record time with PowerPack & Beaver Builder. Get 50+ Modules<\/strong> and 250<\/strong>+ Templates<\/a> with the PowerPack add-on for Beaver Builder. Get it here!<\/a><\/p>\n","protected":false},"excerpt":{"rendered":"
Do you build or manage websites for Restaurants & Cafes? Or do you run a Restaurant\/Cafe website yourself? You must have felt the need of listing your Food & Drinks Menu on your website. Not to mention, it also requires frequent updates for some special offers or new additions. Having a simple page which will…<\/p>\n","protected":false},"author":1811,"featured_media":93889,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"rank_math_lock_modified_date":false,"inline_featured_image":false,"_monsterinsights_skip_tracking":false,"_monsterinsights_sitenote_active":false,"_monsterinsights_sitenote_note":"","_monsterinsights_sitenote_category":0,"footnotes":""},"categories":[12],"tags":[],"class_list":["post-93157","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-tutorials"],"acf":[],"_links":{"self":[{"href":"https:\/\/wpbeaveraddons.com\/wp-json\/wp\/v2\/posts\/93157"}],"collection":[{"href":"https:\/\/wpbeaveraddons.com\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/wpbeaveraddons.com\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/wpbeaveraddons.com\/wp-json\/wp\/v2\/users\/1811"}],"replies":[{"embeddable":true,"href":"https:\/\/wpbeaveraddons.com\/wp-json\/wp\/v2\/comments?post=93157"}],"version-history":[{"count":0,"href":"https:\/\/wpbeaveraddons.com\/wp-json\/wp\/v2\/posts\/93157\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/wpbeaveraddons.com\/wp-json\/wp\/v2\/media\/93889"}],"wp:attachment":[{"href":"https:\/\/wpbeaveraddons.com\/wp-json\/wp\/v2\/media?parent=93157"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/wpbeaveraddons.com\/wp-json\/wp\/v2\/categories?post=93157"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/wpbeaveraddons.com\/wp-json\/wp\/v2\/tags?post=93157"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}
- PowerPack Addon<\/a><\/li>\n<\/ul>\n
- Advanced Tabs module<\/a><\/li>\n<\/ul>\n