Manual Tema Linha FLAT
Conheça a TraySuporte da TraySuporte do seu TemaCompre um Tema da Fábrika
  • 00. Conheça o Tema FLAT
  • 01. O Manual
  • 02. Como Instalar, Duplicar, Editar, Atualizar e Publicar seu tema
    • 2.1 Instalar seu tema
    • 2.2 Duplicar, Editar e Publicar seu tema
    • 2.3 Atualizar seu tema
  • 03. Painel de Edição do Tema
    • 3.1 - Edição da Estrutura e Elementos
      • 3.1.1 - Cabeçalho
      • 3.1.2 - Menu
      • 3.1.3 - Régua de Informações
      • 3.1.4 - Banners
      • 3.1.5 - Popups
      • 3.1.6 - Vitrines de Produtos
      • 3.1.7 - Depoimentos
      • 3.1.8 - Carrossel de Marcas
      • 3.1.9 - Blog ou Notícias
      • 3.1.10 - Rodapé
      • 3.1.11 - Botão Voltar ao Topo
      • 3.1.12 - WhatsApp Flutuante
    • 3.2. Edição das Cores
      • 3.2.1 - Cabeçalho
      • 3.2.2 - Menu
      • 3.2.3 - Régua de Informações
      • 3.2.4 - Vitrines de Produtos
      • 3.2.5 - Carrossel de Marcas
      • 3.2.6 - Rodapé
      • 3.2.7 - Breadcrumb
      • 3.2.8 - Popups
      • 3.2.9 - Botão Voltar ao Topo
      • 3.2.10 - Páginas
  • 04. Configurações específicas do seu tema
    • 4.2 - Páginas Institucionais
    • 4.4 - Categorias e Subcategorias
    • 4.5 - Listas de Desejo
    • 4.6 - Página de Produto
    • 4.7 - Características e Variações
  • 05. Edição do código fonte do seu tema
  • 06. Sua sugestão é muito importante para nós
  • 07. Atualizações do tema (changelog)
  • 08. Muito Obrigado!
Powered by GitBook
On this page

Was this helpful?

  1. 03. Painel de Edição do Tema
  2. 3.1 - Edição da Estrutura e Elementos

3.1.2 - Menu

Previous3.1.1 - CabeçalhoNext3.1.3 - Régua de Informações

Last updated 2 years ago

Was this helpful?

O Menu normalmente é composto apenas por categorias e subcategorias, mas nos temas desenvolvidos pela Fábrika o menu têm uma funcionalidade especial e é composto por 2 partes .

Acrescentamos ao menu 2 links extras para que os lojistas possam acrescentar 2 páginas internas ou externas. Um link fica na extrema esquerda e o outro na extrema direita do menu. Claro que essas opções não são obrigatórias e você pode ficar a vontade para usar somente se quiser.

Para evitar quebras ou desalinhamento do layout, o menu na versão desktop tem uma limitação para que os lojistas não carreguem muitas categorias no layout. Na versão desktop o layout carrega até 8 itens podendo ser de 3 formas: - 8 categorias sem links externos

- 7 categorias com 1 link externo

- 6 categorias com 2 links externos

Na versão mobile, essa trava não existe, pois esse risco não acontece uma vez que o menu deixa de ser horizontal para vertical.

Obs: A limitação não implica no cadastro das categorias e sim no carregamento. Isso quer dizer que se o lojista cadastrar 20 categorias na loja, a versão desktop irá carregar no máximo 8 categorias e na versão mobile irá carregas as 20 categorias.

Além desse detalhe, o menu já está configurado para apresentar até 3 níveis. Esses níveis são ativados automaticamente conforme as categorias são inseridas no e-commerce. Para configurar as categorias da forma correta, acesse o painel administrativo da Plataforma Tray e siga o caminho: Produtos > Categorias

Na imagem abaixo, dentro do retângulo vermelho, você verá o menu na sua totalidade e, nos dois retângulos em amarelo, você verá os links extras para as páginas internas ou externas que explicamos acima.

Na imagem abaixo, o item 1 mostra o 1o nível do menu, o item 2 o 2o nível do menu e o item 3 o 3o nível do menu, com base nas categorias cadastradas.

Agora chegou o momento de configurar os dois links extras do seu menu que pode levar seus clientes tanto para páginas internas quanto externas. Para isso, basta seguir os passos abaixo:

  1. Com o Painel de Edição do seu Tema aberto;

  2. Clique no item Menu do Menu lateral;

  3. Clique para ativar ou desativar o Link Extra do Menu;

  4. Digite o texto que irá aparecer no Menu do seu e-commerce;

  5. Digite ou cole o endereço interno ou externo para onde seu cliente será direcionado ao clicar no item do menu do seu e-commerce. * para páginas internas, coloque apenas o nome cadastrado em seu e-commerce. - exemplo: noticias * para páginas externas, coloque a url completa. - exemplo: http://www.fabrikadeecommerce.com.br

Menu (categorias e páginas) - Layout Tema FLAT da Fábrika de E-commerce
Menu (3 níveis de categorias) - Layout Tema FLAT da Fábrika de E-commerce
Menu - Painel do Tema FLAT da Fábrika de E-commerce