-
00:00:00Neste tutorial, vou discutir o widget do menu de alimentos
-
00:00:05Este é um widget excelente para exibir menus de restaurantes, e qualquer comida que você desejar é facilmente exibida com belas imagens em um formato organizado
-
00:00:16Então, para criar o menu de comida, basta adicionar o widget à sua tela
-
00:00:21Você pode vê-lo localizado bem aqui embaixo
-
00:00:27E este é um ótimo menu de comida para criar menus mobile first, que muitos menus de restaurantes não são mobile first
-
00:00:35Então você pode ver aqui no topo que você pode definir sua moeda
-
00:00:38Temos muitas moedas diferentes disponíveis
-
00:00:40E há algumas opções de estilo aqui, dependendo de como você quer que fique
-
00:00:45Vou inserir o título com o texto aqui, e você pode adicionar itens aqui
-
00:00:52E o que você quer fazer é quando você clica em adicionar um novo, isso permitirá que você decida entre um item de menu ou uma seção barra categoria
-
00:01:01Normalmente, você deseja adicionar uma seção ou categoria primeiro e, em seguida, adicionar itens de menu a ela
-
00:01:07Então, basta criar uma nova seção e então você pode nomeá-la como quiser, como por exemplo hambúrgueres, e então você pode carregar uma imagem se quiser, ou você pode simplesmente deixar em branco.
-
00:01:20E então isso criará apenas aquela seção que pode ser organizada e você pode adicionar imagens aos itens alimentares individuais
-
00:01:26Agora que temos uma categoria, podemos adicionar um novo item de menu
-
00:01:33E é aqui que você realmente criaria os itens alimentares individuais
-
00:01:38Então faça isso primeiro, defina seu preço
-
00:01:40Então digamos que queremos que isso seja como um hambúrguer de US$ 5
-
00:01:43E então é aqui que selecionaríamos a categoria e a seção
-
00:01:45Então selecionamos os hambúrgueres ali e damos um nome como cheeseburger
-
00:01:51E aqui é onde você colocaria a descrição do objeto
-
00:02:01Então, depois de preencher o título, a descrição, o subtítulo, você pode editar todo o seu texto aqui mesmo
-
00:02:09E então você também pode adicionar imagens e vídeos
-
00:02:12E todas essas imagens e vídeos serão compatíveis com dispositivos móveis, o que é ótimo
-
00:02:17Então você pode simplesmente arrastar uma gota, um arquivo aqui, e isso fará o upload de uma imagem ou do vídeo carregado, adicione o URL aqui, enviando-o para o YouTube, Vimeo ou Facebook
-
00:02:29Temos uma grande seleção de imagens de biblioteca de mídia global
-
00:02:34Então, vou tirar um hambúrguer bem rápido daí
-
00:02:38E depois de carregar suas imagens e todo o seu texto e salvar e atualizar, ele será atualizado automaticamente quando você adicionar uma imagem.
-
00:02:54Agora você pode rolar para baixo e lá você pode ver que seu cheeseburger está ali quando as pessoas o abrem
-
00:03:01Aí está a imagem que você selecionou
-
00:03:02Se você carregar mais de uma imagem, será criado um controle deslizante entre os quais você poderá deslizar
-
00:03:08E tem a categoria que é criada com o cheeseburger embaixo dela
-
00:03:13Então, para criar mais objetos, você pode voltar aqui embaixo
-
00:03:23E então crie um novo objeto ou se você já estiver criando um objeto que faz parte da mesma categoria ou similar, você também pode clonar este item e então apenas alterar alguns detalhes que você
-
00:03:36precisaria mudar
-
00:03:38Então, neste caso, ele clonou o cheeseburger
-
00:03:41Então tudo o que precisamos fazer é mudar isso para talvez hambúrguer de churrasco
-
00:03:49Você pode ver que é muito simples substituir apenas o texto e então você pode substituir a imagem aqui
-
00:03:55Então, depois de preencher todos os seus itens alimentares e todas as suas diferentes categorias, isso os organizará de uma maneira agradável para dispositivos móveis
-
00:04:07Você sempre pode voltar ao widget principal
-
00:04:10Você sempre pode mudar o estilo aqui, fazer coisas como um acordeão ou mudar como as imagens são exibidas com as categorias
-
00:04:20Então você pode ver que isso mostra apenas a categoria hambúrgueres e quando as pessoas clicam, ele abre e expande
-
00:04:31E se você criar várias categorias, cada uma delas será recolhida para que possam ser expandidas
-
00:04:35E há muitas maneiras diferentes de exibir o estilo e a aparência no que diz respeito ao menu mobile first
-
00:04:42E você pode controlar tudo isso diretamente deste widget
-
00:04:44E é assim que é fácil usar o widget do menu de comida