{"id":4381,"date":"2022-12-18T14:17:46","date_gmt":"2022-12-18T14:17:46","guid":{"rendered":"https:\/\/docs.redsun.design\/soulkitchen\/?page_id=4381"},"modified":"2022-12-27T07:31:47","modified_gmt":"2022-12-27T07:31:47","slug":"menu-with-tabs-block","status":"publish","type":"page","link":"https:\/\/docs.redsun.design\/soulkitchen\/menu-with-tabs-block\/","title":{"rendered":"Menu with Tabs Block"},"content":{"rendered":"\n

Display drink and food menu items from the Menu Post Type<\/a> in tabs.<\/p>\n\n\n\n

\"\"<\/figure>\n\n\n\n

How to use<\/h4>\n\n\n\n
    \n
  1. Create your Menu Categories and Menu Items via the Menu Post Type<\/a>.<\/li>\n\n\n\n
  2. In the top left corner, click + to add a new block<\/a>.<\/li>\n<\/ol>\n\n\n
    \n
    \"\"<\/figure><\/div>\n\n\n
    <\/div>\n\n\n\n
      \n
    1. Select the\u00a0SoulKitchen Menu with Tabs <\/strong>block.<\/li>\n<\/ol>\n\n\n
      \n
      \"\"<\/figure><\/div>\n\n\n
        \n
      1. In the right sidebar, find all the settings for the block<\/li>\n<\/ol>\n\n\n
        \n
        \"\"<\/figure><\/div>\n\n\n
          \n
        1. In the Menu Category field, select a menu category.<\/li>\n\n\n\n
        2. Fill in all the settings for the menu category.<\/li>\n\n\n\n
        3. Click + Add more<\/strong> to add another menu category.<\/li>\n<\/ol>\n\n\n\n

          Block Settings<\/h4>\n\n\n\n

          This Block comes with the following settings:<\/p>\n\n\n\n

            \n
          • Menu Color<\/strong>
            (Default \/ Custom Color)<\/li>\n\n\n\n
          • Menu Tabs<\/strong>\n
              \n
            • Tab Title<\/strong>
              Enter the title for this tab<\/li>\n\n\n\n
            • Menu Categories<\/strong>
              • Menu Category<\/strong>
                Select a menu category<\/li><\/ul><\/li>\n\n\n\n
                • Box Width<\/strong>
                  Select the box width (Half Width \/ One Third \/ Two Third \/ Full Width)<\/li><\/ul>\n
                    \n
                  • Menu Items per Row<\/strong>
                    Select how many menu items you want to display per row (One Item \/ Two Items \/ Three Items)<\/li>\n\n\n\n
                  • Box Style<\/strong>
                    Select the box style (Regular \/ Add box border \/ Custom color)<\/li>\n\n\n\n
                  • Text Align<\/strong>
                    (Text left and price right \/ Centered)<\/li>\n\n\n\n
                  • Space between Menu Items<\/strong>
                    Select space between menu items (None \/ 6px \/ 12px \/ 24px)<\/li>\n\n\n\n
                  • Layout<\/strong>
                    – masonry: menu items in optimal position based on available vertical space <\/span>
                    – grid: menu items in a grid layout <\/span><\/li>\n\n\n\n
                  • Hide Title<\/strong>
                    Hide the menu category title<\/li>\n\n\n\n
                  • Title and Description Position<\/strong>
                    Select category title and description position (left \/ center \/ right)<\/li>\n\n\n\n
                  • Title Border<\/strong>
                    Select the title border style (None \/ Short divider \/ Short vertical divider \/ Bottom solid \/ Bottom and top solid \/ Bottom dotted \/ Bottom and top dotted)<\/li>\n\n\n\n
                  • Additional Content<\/strong>
                    Add additional text to this menu category<\/li>\n\n\n\n
                  • Add Category Image<\/strong>
                    Upload a category image<\/li>\n<\/ul>\n<\/li>\n<\/ul>\n<\/li>\n<\/ul>\n","protected":false},"excerpt":{"rendered":"Display drink and food menu items from the Menu Post Type in tabs. How to use Create your Menu Categories and Menu Items via the Menu Post Type. In the ...","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-4381","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/docs.redsun.design\/soulkitchen\/wp-json\/wp\/v2\/pages\/4381","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/docs.redsun.design\/soulkitchen\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/docs.redsun.design\/soulkitchen\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/docs.redsun.design\/soulkitchen\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/docs.redsun.design\/soulkitchen\/wp-json\/wp\/v2\/comments?post=4381"}],"version-history":[{"count":9,"href":"https:\/\/docs.redsun.design\/soulkitchen\/wp-json\/wp\/v2\/pages\/4381\/revisions"}],"predecessor-version":[{"id":4695,"href":"https:\/\/docs.redsun.design\/soulkitchen\/wp-json\/wp\/v2\/pages\/4381\/revisions\/4695"}],"wp:attachment":[{"href":"https:\/\/docs.redsun.design\/soulkitchen\/wp-json\/wp\/v2\/media?parent=4381"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}