Navegador y capas
El Navegador muestra la estructura de su página como una jerarquía de secciones, contenedores y elementos.
Úselo cuando necesite seleccionar un elemento anidado, comprender cómo se crea una página, revisar contenedores o trabajar con secciones modales.
Lo que muestra el Navegador
El Navegador refleja la misma estructura de página anidada utilizada por el lienzo del constructor.
| Área del navegador | lo que representa |
|---|---|
| Página | Secciones de la página principal y los elementos que contienen. |
| Modal | Secciones modales cuando la página incluye contenido modal. |
| Filas anidadas | Contenedores y elementos dentro de un elemento principal. |
| Artículo activo | La sección, contenedor o elemento seleccionado actualmente. |
¿Por qué utilizar el Navegador?
El lienzo es mejor para la edición visual. El Navegador es mejor para la edición estructural.
Utilice el Navegador para:
- Seleccione un contenedor en el que sea difícil hacer clic en el lienzo.
- Confirme dónde está anidado un elemento.
- Expanda o contraiga la jerarquía de páginas.
- Encuentra elementos dentro de secciones complejas.
- Trabaje con contenido modal por separado de la página principal.
- Reordene los elementos compatibles arrastrando y soltando.
Seleccionando un artículo
Haga clic en un elemento en el Navegador para seleccionarlo en el generador.
Cuando selecciona un elemento, Atomicat desplaza el área del lienzo relacionada para verla y abre la interfaz de edición para ese elemento. Si el elemento está dentro de un modal, el constructor abre el contexto modal para que puedas editarlo de forma segura.
Comportamiento de expandir y contraer
El Navegador admite la expansión y el colapso de capas de páginas para que las páginas grandes sean más fáciles de inspeccionar.
Utilice expandir/contraer cuando:
- La página tiene muchos contenedores repetidos.
- Estás revisando una plantilla.
- Debes concentrarte en una sección a la vez.
- Quiere reducir el ruido visual mientras edita.
Trabajar con capas modales
Las secciones modales están separadas de la estructura de la página principal en el Navegador. Esto ayuda a evitar confundir el contenido modal con el contenido de la página estándar.
Utilice el área Modal al editar ventanas emergentes, superposiciones u otras secciones basadas en modales.
Mejores prácticas
- Utilice el Navegador antes de eliminar o mover contenedores complejos.
- Verifique el contenedor principal antes de editar el espaciado o la alineación.
- Mantenga el anidamiento de secciones legible para futuros editores.
- Utilice una estructura de página clara para que los formularios, botones y elementos de seguimiento sean más fáciles de auditar.
Documentos relacionados
Preguntas frecuentes
¿Cuándo debo usar esta página sobre Navegador y capas — Constructor de páginas?
Use esta página cuando necesite entender el flujo, la configuración o las decisiones relacionadas con Navegador y capas — Constructor de páginas. Es especialmente útil antes de editar un recurso en producción, publicar cambios o revisar el comportamiento en un espacio de trabajo de Atomicat.
¿Qué debo revisar antes de cambiar Navegador y capas — Constructor de páginas?
Confirme que está en el espacio de trabajo, proyecto, página, embudo, sitio o área de cuenta correcta. Revise permisos, cambios guardados, estado de publicación e integraciones conectadas antes de actualizar.
¿Cómo verifico que Navegador y capas — Constructor de páginas funciona correctamente?
Previsualice la página o función afectada, pruebe el recorrido principal en una nueva sesión del navegador y confirme que formularios, redirecciones, seguimiento, productos, quizzes o publicación se comporten como espera.
¿Qué hago si Navegador y capas — Constructor de páginas no funciona como esperaba?
Revise nuevamente la configuración descrita en esta página, guarde los cambios otra vez, limpie la caché del navegador si es necesario y pruebe una versión simple de la configuración. Si continúa, reúna la URL, detalles del espacio de trabajo y capturas antes de contactar soporte.