Navegador e camadas
O Navegador mostra a estrutura da sua página como uma hierarquia de seções, contêineres e elementos.
Use-o quando precisar selecionar um item aninhado, entender como uma página é construída, revisar contêineres ou trabalhar com seções modais.
O que o Navegador mostra
O Navegador reflete a mesma estrutura de página aninhada usada pela tela do construtor.
| Área do navegador | O que representa |
|---|---|
| Página | Seções da página principal e os elementos dentro delas. |
| Modal | Seções modais quando a página inclui conteúdo modal. |
| Linhas aninhadas | Contêineres e elementos dentro de um item pai. |
| Item ativo | A seção, contêiner ou elemento atualmente selecionado. |
Por que usar o Navigator
A tela é melhor para edição visual. O Navigator é melhor para edição estrutural.
Use o Navegador para:
- Selecione um contêiner que seja difícil de clicar na tela.
- Confirme onde um elemento está aninhado.
- Expandir ou recolher a hierarquia de páginas.
- Encontre elementos dentro de seções complexas.
- Trabalhe com conteúdo modal separadamente da página principal.
- Reordene os itens suportados arrastando e soltando.
Selecionando um item
Clique em um item no Navegador para selecioná-lo no construtor.
Quando você seleciona um item, Atomicat rola a área de tela relacionada e abre a interface de edição desse item. Se o item estiver dentro de um modal, o construtor abre o contexto modal para que você possa editá-lo com segurança.
Comportamento de expansão e recolhimento
O Navigator suporta expansão e recolhimento de camadas de páginas para que páginas grandes sejam mais fáceis de inspecionar.
Use expandir/recolher quando:
- A página tem muitos contêineres repetidos.
- Você está revisando um template.
- Você precisa se concentrar em uma seção de cada vez.
- Você deseja reduzir o ruído visual durante a edição.
Trabalhando com camadas modais
As seções modais são separadas da estrutura da página principal no Navegador. Isso ajuda a evitar confundir o conteúdo modal com o conteúdo padrão da página.
Use a área Modal ao editar pop-ups, sobreposições ou outras seções baseadas em modais.
Melhores práticas
- Use o Navegador antes de excluir ou mover contêineres complexos.
- Verifique o contêiner pai antes de editar o espaçamento ou alinhamento.
- Mantenha o aninhamento de seção legível para futuros editores.
- Use uma estrutura de página clara para que formulários, botões e elementos de rastreamento sejam mais fáceis de auditar.
Documentos relacionados
Perguntas frequentes
Quando devo usar esta página sobre Navegador e camadas — Construtor de páginas?
Use esta página quando precisar entender o fluxo, as configurações ou as decisões relacionadas a Navegador e camadas — Construtor de páginas. Ela é mais útil antes de editar um recurso em produção, publicar alterações ou revisar o comportamento em um workspace Atomicat.
O que devo conferir antes de alterar Navegador e camadas — Construtor de páginas?
Confirme que você está no workspace, projeto, página, funil, site ou área da conta correta. Revise permissões, alterações salvas, status de publicação e integrações conectadas antes de atualizar.
Como verifico se Navegador e camadas — Construtor de páginas está funcionando corretamente?
Pré-visualize a página ou recurso afetado, teste o caminho principal em uma nova sessão do navegador e confirme que formulários, redirecionamentos, rastreamento, produtos, quizzes ou publicação funcionam como esperado.
O que faço se Navegador e camadas — Construtor de páginas não funcionar como esperado?
Revise novamente a configuração descrita nesta página, salve as alterações outra vez, limpe o cache do navegador se necessário e teste uma versão simples da configuração. Se continuar, reúna a URL, detalhes do workspace e capturas antes de contatar o suporte.