Composición y módulos complementarios

Usa esta guía para módulos que complementan las guías de banners, destacados y editoriales. Elige la página en el selector superior y revisa dónde el editor ofrece Agregar sección. Que un módulo exista en el tema no implica que esté disponible en toda página. Consulta Organizar páginas.

Hero y Hero dividido

Son áreas destacadas con imágenes y bloques de contenido, distintas del carrusel de varios slides. Edita la imagen en la sección; títulos, textos y botones pueden estar en bloques internos. Revisa el árbol antes de buscar un campo en la sección equivocada.

Control	Hero	Hero dividido
Imágenes	Una imagen principal y opción de otra para celular.	Dos imágenes, cada una con su propia opción para celular.
Altura	0–100% de la altura de pantalla; Altura automática deshabilita el ajuste manual.	0–100% de la altura de pantalla; no ofrece el mismo control automático.
Ancho	Presentación de ancho completo.	Página o Completo; opción de usar redondeo global de Superficies.
Contenido	Alineación izquierda/centro/derecha, separación 0–50 px, márgenes 0–120 px, color de texto y enlace.	Mismos grupos de contenido y espaciado, con composición de dos imágenes.
Capa sobre imagen	Activa Fondo transparente para mostrar color y opacidad 0–100%.	Mismo control; agrega una capa sobre la foto, no quita su fondo.
Movimiento	Ninguno, disolver, deslizar arriba/abajo; efecto de profundidad al desplazar.	Mismas opciones de animación y profundidad.

La altura de pantalla no es una medida fija en píxeles. La foto puede recortarse para llenar el espacio; prueba la imagen específica de celular y textos largos. El enlace de sección y los enlaces de botones son distintos. Reemplaza textos de ejemplo y no uses animación para transmitir una instrucción indispensable.

Hero de categoría y encabezado de página

Hero de categoría ofrece imagen general, imagen propia para celular, uso de la imagen registrada en cada categoría, ancho y márgenes. Con imagen de categoría activa y disponible, tiene prioridad sobre la general en computadora. La imagen de celular configurada en la sección es compartida, no una imagen móvil diferente registrada por categoría. Sin imagen válida, el banner puede no aparecer. No permite bloques internos y tiene límite de una instancia.

El Encabezado de página es distinto del encabezado con logo/menú. Presenta el contexto de la página con ancho, márgenes, fondo y texto. No ofrece bloques y tiene límite de una instancia. Nombre de categoría y contenido de páginas siguen vinculados al registro correspondiente.

Editorial de texto y Personalizada

Editorial de texto reúne bloques generales con alineación, fondo, texto, ancho, separación 0–50 px y márgenes 0–120 px. Sirve para presentación de marca, títulos, mensajes y llamadas con botones.

Personalizada organiza los bloques generales permitidos por el tema. Ofrece dirección vertical/horizontal, dirección diferente en celular, alineación, ancho, separación, márgenes y colores. “Personalizada” no es un editor libre de HTML/JavaScript ni permite cualquier bloque de otra sección. Los grupos internos tienen controles propios; seleccionar el grupo no equivale a seleccionar cada hijo.

En ambas, Página usa el ancho global y puede deshabilitar el margen horizontal local. Para listas textuales, tarjetas editoriales e imagen/video con texto, consulta Contenido visual y editorial.

Separador

Define ancho, márgenes 0–120 px y fondo. Activa Línea divisoria para mostrar su color. Sin línea conserva el área de espaciado. No tiene bloques ni registra contenido.

Barra de navegación

Es una sección auxiliar del encabezado. Puede reunir anuncios, redes sociales, contacto, idiomas, menús y grupos de ícono/texto. El límite es de cuatro bloques directos, con hasta tres instancias de sección; menús y grupos de ícono/texto permiten hasta dos de cada tipo, y los demás tipos uno. Los límites se combinan: no se puede usar el máximo de todos simultáneamente.

En celular elige En el encabezado o Dentro del menú. Tiene ancho, separación 0–48 px, íconos 12–28 px, margen vertical 0–32 px, horizontal 0–120 px, opción de espaciado propio en celular y colores. Redes, contactos, idiomas y menús dependen de datos habilitados en la plataforma y del bloque correspondiente. Consulta Encabezado.

Páginas de sistema y contenido administrado

Área	Qué revisar en el editor	Dónde administrar datos
Página institucional	Sección principal, ancho y márgenes; encabezado de página cuando exista.	Páginas en el administrador.
Blog y artículo	Sección principal y módulos de apoyo; lista de posts difiere de tarjetas editoriales manuales.	Artículos en Blog.
Login, registro y recuperación de contraseña	Presentación principal; no reemplaces el formulario obligatorio por bloques decorativos.	Cuentas y autenticación de la plataforma.
Cuenta, direcciones y pedidos	Área principal y espaciado; el contenido varía según la sesión del cliente.	Datos y pedidos del cliente en la plataforma.
Carrito y página no encontrada	Área principal, ancho y márgenes; prueba vacía/con contenido o URL inexistente.	Carrito de la sesión; rutas de la tienda.
Contacto y página con contraseña	Controles específicos explicados en sus guías.	Contacto y acceso configurados en la plataforma.

Las secciones principales tienen responsabilidades y restricciones estructurales específicas. No son presets intercambiables con módulos de home. El editor no configura checkout, medios de pago, reglas de envío o permisos de cuentas mediante un bloque visual.

Investigar un control ausente

Revisa página, área, sección y bloque seleccionados. Luego revisa si la opción depende de un interruptor, si alcanzaste el límite de bloques o si el módulo usa datos del catálogo. Un campo oculto no demuestra un error. No elimines una sección para recuperar datos: agregarla de nuevo crea una composición nueva.

La referencia para partners lista los 14 paneles globales, 55 secciones y 101 tipos de bloque de esta base, con opciones, rangos y condiciones declaradas. Es una referencia de configuración; la revisión en navegador debe considerar versión instalada y datos reales de la tienda.