Suporte

Cadastro de Menus

Última atualização: 17 de Fevereiro de 2017 às 16:00:31

Um menu, em um site pode ter várias funções, mas basicamente são itens que ficam dispostos nos sites e quando acionados, tomam algum tipo de ação. Estas ações podem ser execução de processamento ou nos enviar para alguma outra página. A Figura abaixo demonstra um menu com seus itens de menu.

Exemplo de Menu

A tela inicial do Menu na F-Store exibe a lista de menus já cadastrados, demonstrado na Figura abaixo e as funções são descritas no Quadro abaixo.

Grupo de Menus

Nome do GrupoNome do Grupo de Menu, selecionando o nome o software nos envia para a página de alteração dos dados do grupo de menu.
PosiçãoPosição em que o menu irá ser exibido, Topo Header ou Lateral Esquerda.
Identificados da PáginaTem a funcionalidade de identificar qual a/s página/s que o menu será exibido.
AjudaBotão de ajuda descrevendo quais são os identificadores que podem ser utilizados, apontando qual/s página/s será exibido o Menu.
Quantidade de MenusA medida que incluímos menus e sub menus o próprio software conta e traz esta informação.
AtivoSe o Menu está ativo ou inativo.
Adicionar Grupo de MenusBotão para adicionar novo Grupo de Menu.
Nome do GrupoCampo para pesquisa pelo nome do menu.
Ativo - PesquisarPesquisar todos, somente ativos ou somente inativos.
PesquisarApós preenchidos os campos, pressionando o botão pesquisa o software faz a pesquisa e mostra a lista de menus.

 Adicionar Grupo de Menu

A F-Store segue a seguinte regra para a inclusão de menus: Podem existir vários Itens de Menus e cada Item de Menu pode ter vários Submenus, um Submenu pode ter vários outros SubItens, exemplificado na Figura abaixo.

Exemplo da regra de menu F-Store

Após pressionar o botão “Adicionar Grupo de Menu”, o software nos encaminha para a página de inclusão de dados de Grupo de Menu. Esta fase é dividida em duas etapas, a primeira são incluídos os dados básicos “Defina Grupo de Menu” e a segunda etapa é a definição do menu e sub menus. A Figura abaixo demonstra a primeira etapa e o Quadro abaixo descreve as suas funções.

Defina o Grupo de Menu

NomeDescrição do nome do Grupo de Menu.
Identificador de PáginaIndica em qual/s página/s o Grupo de Menu será exibido.
AjudaBotão de ajuda descrevendo quais são os identificadores que podem ser utilizados apontando qual página/s será exibido o Grupo de Menus.
PosiçãoPosição em que o menu será exibido. Topo ou lateral.
AtivoSe o menu estará ativo ou inativo.
Todas as CategoriasSe o Todas as Categorias deve ser exibido neste grupo de menu.
PróximoSalva as informações e nos envia para a próxima página de configuração dos Grupos de Menu.
VoltarVolta para a tela inicial.

Após incluir os dados obrigatórios e pressionar o botão próximo, o software nos encaminha para a próxima etapa, Adicionar item de Menu, semelhante ao da Figura abaixo e o Quadro abaixo descreve as suas funções.

Itens de Menu

Nome do MenuA lista de Menus só irá aparecer quando os Menus estiverem cadastrados.
LinkÉ o endereço do link e após pressionado o item do menu o software nos envia para a página deste endereço.
OrdemÉ a ordem que devem ser exibidos os itens de menu.
Classe CssA Classe Css é uma forma de podermos alterar alguns padrões do menu, como cores, fontes e tamanhos de letras.
Importante! Para a inclusão de menus, deixar em branco este campo, o software irá inserir o padrão F-Store.
As alterações só poderão ser realizadas durante o período de implantação até a aprovação do layout padrão, após esse período as alterações são de responsabilidade do cliente!
Texto ComplementarO texto complementar irá aparecer quando o cursor do mouse estiver sobre o nome do item de menu.
SubMenuÉ a descrição do SubMenu. Conforme a regra da F-Store, podemos ter SubMenus de Menus.
Importante! Pressionando o nome do SubMenu com o cursor do mouse o software nos envia para a página de configuração do SubMenu.
AtivoSe o Menu está ativo ou inativo.
Abrir Nova AbaSe quando o menu pressionado pelo cliente, abre uma nova aba no browser.
Adicionar Item de MenuBotão para adicionar novos Itens de Menu
Nome Item de MenuCampo de pesquisa por nome de menu.
AtivaCampo de pesquisa Ativos, inativos ou todos.
PesquisarBotão de pesquisa, após ser preenchido o campo com a descrição do nome do menu.

Na Figura abaixo é possível observar a indicação da trilha de navegação entre as telas de inclusão de menus, do inglês Breadcrumbs, que são auxiliares de navegação que aparecem geralmente no topo da página, indicando o nível hierárquico do site em que se encontra o internauta, permitindo que este facilmente retorne às páginas navegadas anteriormente. Ex: Home > Produtos > Tênis > Adidas > Barricade V Ltd.

Edicao de Item de Menu

NomeNome do Item de Menu que irá aparecer no site.
Possui Link?Função que permite a inclusão de um item de menu que não irá apontar para nenhum endereço quando pressionado pelo cliente. Habilitado, pode conter uma categoria ou um endereço Url. Desabilitado, não contém endereço Url e não direciona o cliente para outra página.
CategoiraPara qual categoria de produtos o site irá se dirigir.
Importante! Se selecionada a categoria não será necessário incluir o link para o hotsite, quando categoria ele é criado automaticamente.
LinkO endereço de link do hotsite criado no F-Search ou outra página desejada.
Importante! O endereço deve iniciar com “/”, por exemplo: /ciclismo/vestuário/masculino .
Importante Se houver categoria informada não é necessário o link.
Classe CSSGeralmente em branco, padrão F-Store.
Texto ComplementarInforme um texto para ser mostrado quando o cursor do mouse estiver posicionado no item de menu.
Upload de ImagemArquivo da imagem que o item de menu irá mostrar na página quando for selecionado.
AtivoSe o Item de Menu está ativo ou inativo.
Abrir Menu em Nova AbaSe quando o cliente pressionar o menu ele deve abrir em uma nova aba no browser.
SalvarSalva as informações e nos envia para a página de lista de Itens do Menu.
VoltarVolta para a tela inicial.

A próxima fase de inclusão de Menus é o subitem de menu, ou seja, é formada a primeira base da cadeia de menus.

A Figura abaixo demonstra a lista de Itens de Menu, onde o software se encontra após ter incluído um Item de Menu. Para incluir um SubMenu, basta pressionar o botão “Adicionar Item de Menu” ou pressionar o campo SubMenu  Alterar e a F-Store irá nos encaminhar para a tela de inclusão de SubMenu que pode ser observada na Figura abaixo e o Quadro abaixo descreve as suas funcionalidades. Se observarmos, são os mesmos campos para serem preenchidos da tela do menu principal.

Edicao de Item de Menu 2

NomeNome do Item de Menu que irá aparecer no site.
Possui Link?Função que permite a inclusão de um item de menu que não irá apontar para nenhum endereço quando pressionado pelo cliente. Habilitado, pode conter uma categoria ou um endereço Url. Desabilitado, não contém endereço Url e não direciona o cliente para outra página.
CategoiraPara qual categoria de produtos o site irá se dirigir.
Importante! Se selecionada a categoria não será necessário incluir o link para o hotsite, quando categoria ele é criado automaticamente.
LinkO endereço de link do hotsite criado no F-Search ou outra página desejada.
Importante! O endereço deve iniciar com “/”, por exemplo: /ciclismo/vestuário/masculino .
Importante Se houver categoria informada não é necessário o link.
Classe CSSGeralmente em branco, padrão F-Store.
Texto ComplementarInforme um texto para ser mostrado quando o cursor do mouse estiver posicionado no item de menu.
Upload de ImagemArquivo da imagem que o item de menu irá mostrar na página quando for selecionado.
AtivoSe o Item de Menu está ativo ou inativo.
Abrir Menu em Nova AbaSe quando o cliente pressionar o menu ele deve abrir em uma nova aba no browser.
SalvarSalva as informações e nos envia para a página de lista de Itens do Menu.
VoltarVolta para a tela inicial.

Pode se criar uma estrutura encadeada de Itens de Menu e seu SubMenus, as telas dessa criação são as mesmas, e esta estrutura é mostrada visualmente pela trilha de navegação que fica acima da tela de inclusão.

Comentários