Visão geral do elemento Profile Menu para Bricks
Página da conta
Prossiga para a guia JetEngine > Profile Builder .
Se você alterou algumas configurações, clique no botão “Salvar” .
Abra a guia Página da conta e certifique-se de ter adicionado várias subpáginas. Você pode criar modelos de subpágina com o recurso JetEngine Listing . Observe que o elemento Menu Perfil mostrará os títulos das subpáginas.
Após a criação das subpáginas, clique no botão “Salvar” .
Antes de prosseguir, siga a guia Bricks > Configurações e certifique-se de ativar a alternância de páginas para poder editar a página da conta e os itens de listagem para poder editar os modelos de listagem.
Vá para a página Conta ou para um dos modelos de subpágina.
Adicione uma nova seção à página de edição de Bricks.
Arraste e solte o elemento Menu de perfil .
Este elemento tem essas opções se você desdobrar a guia Configurações gerais na seção Conteúdo :
- Contexto . Aqui você pode definir se os itens de menu serão mostrados na página da conta ou na guia Página do usuário do painel do Profile Builder. Por enquanto, selecione a opção “Conta”;
- Mostrar menu para a função . Aqui você pode selecionar funções de usuário para as quais o menu ficará visível;
- Adicione slug de subpágina ao URL da primeira página . O slug da subpágina não está incluído no URL da primeira página do menu, a menos que você habilite especificamente esta opção. Se você habilitá-lo, o slug da subpágina será adicionado a todos os URLs do menu, incluindo a primeira página.
Você também pode definir as configurações de estilo .
Depois de personalizar as configurações do menu de perfil , arraste e solte o elemento Conteúdo da subpágina do perfil .
Este elemento mostrará o conteúdo de cada subpágina quando os usuários clicarem no item de menu correspondente no front end.
Clique no botão “Atualizar” .
Se você definir o modo de modelo “Reescrever” , adicione o elemento Menu de perfil a cada modelo de subpágina quando necessário.
Por fim, prossiga para a página Conta no front end.
Agora, os usuários podem clicar nos itens de menu no Menu de perfil e o Conteúdo da subpágina do perfil mostra o conteúdo da subpágina correspondente.
Página do usuário
Prossiga para a guia JetEngine > Profile Builder .
Certifique-se de ativar a opção Página de usuário único e definir a página criada anteriormente como Página de usuário único (no meu caso, é a página “Perfil”).
Se você alterou algumas configurações, clique no botão “Salvar” .
Abra a guia Página do usuário e certifique-se de ter adicionado várias subpáginas. Observe que o menu Perfil mostrará os títulos das subpáginas.
Após a criação das subpáginas, clique no botão “Salvar” .
” alt=”subpáginas para a página do usuário” data-src=”https://crocoblock.com/knowledge-base/wp-content/uploads/2023/07/subpages-for-the-user-page2-1-1024×636.png” />
Navegue até a página Usuário (Perfil) ou um dos modelos de subpágina.
Arraste e solte o elemento Menu de perfil na página de edição de Bricks.
Defina o contexto “Página de usuário único” e personalize o elemento de acordo com suas necessidades.
Em seguida, arraste e solte o elemento Conteúdo da subpágina do perfil para exibir o conteúdo de cada subpágina quando os usuários clicarem no item de menu.
Observe que o elemento Menu de perfil não estará visível na página de edição do Bricks porque precisa de contexto. Você verá o resultado no front end ao abrir a página de perfil de qualquer usuário.
Clique no botão “Atualizar” .
Se você definir o modo de modelo “Reescrever” , adicione o elemento Menu de perfil a cada modelo de subpágina quando necessário.
Por fim, vá para o front end e abra a página de perfil de qualquer usuário.
Isso é tudo. Agora você sabe como exibir os modelos de submenu nas páginas Conta e Usuário usando o elemento Menu Perfil .