Este es el manual detallado de heritage, el tema predeterminado de Zittme. heritage es el tema oficial incluido en el núcleo desde la versión 0.0.02: reescribe con la sintaxis de plantillas v2 la estructura del layout predeterminado de la época de XE (menú superior de 2 niveles · slider visual · LNB en subpáginas) y la rediseña con criterios actuales. Incluye de serie el modo oscuro y el diseño responsivo.

Componentes

Todos los componentes comparten los mismos tokens de diseño (color · tipografía · espaciado), así que el tono se mantiene en cualquier pantalla a la que vayas. La tipografía predeterminada es Pretendard.

Cómo aplicarlo

1. Ve a Administración > Configuración de diseño.
2. En la lista de temas, elige heritage y pulsa Aplicar.
3. El layout y los skins de cada módulo se aplican a la vez. Para excluir algún componente, desmarca su casilla en la pantalla de aplicación.

La aplicación del tema recuerda el estado anterior, por lo que puedes volver en cualquier momento al estado previo. En la lista de temas instalados, el botón Eliminar está desactivado para el tema en uso.

Todas las opciones de configuración del layout

Se cambian en Administración > Configuración del layout, o mientras ves el sitio, desde "Configuración del layout" en la barra de administración frontal de la esquina inferior izquierda. La configuración se divide en 4 grupos (pestañas).

Básico

Opción	Valor predeterminado	Descripción
Forma del layout	Subpágina (menú lateral LNB)	Forma predeterminada entre Principal (slider visual) / Subpágina (LNB a la izquierda) / Subpágina (contenido a todo el ancho). Para cambiarla por página, consulta "Tipos de página" más abajo
Imagen del logo	Ninguna	Se muestra con una altura de referencia de 40px. Si la dejas vacía, se usa el texto del logo
Texto del logo	Ninguno	Si lo dejas vacío, se muestra el título del sitio
Color de acento	#6c5ce0	Determina a la vez botones · enlaces · indicadores activos y hasta el color de resalte del skin de tablero
Ancho máximo del contenido	1180px	Estrecho 1060 / Predeterminado 1180 / Ancho 1320
Ancho de la barra de menú	Ajustado al ancho del contenido	Si eliges "Llenar el 100% de lado a lado", el fondo de la barra llega hasta los bordes de la pantalla
Color de la barra de menú	Oscuro	Oscuro / Color de acento / Claro
Modo de color	Según la configuración del dispositivo del visitante	Automático / Siempre claro / Siempre oscuro

Pantalla de inicio (slider visual)

Opción	Valor predeterminado	Descripción
Mostrar el slider visual	Solo en la forma principal	Solo en la forma principal / Mostrar también en subpáginas / No usar. Si no registras ninguna diapositiva, no se muestra
Intervalo de avance automático (segundos)	6	Con 0 no avanza automáticamente
Diapositivas visuales	Ninguna	Campo repetible. Registra varias diapositivas con el botón Agregar y arrástralas para cambiar el orden

Opciones de cada diapositiva: imagen de fondo, título, descripción, texto del botón, enlace del botón, alineación del texto (izquierda/centro).

Contenido y lateral

Opción	Valor predeterminado	Descripción
Usar la búsqueda integrada	Activado	Muestra u oculta el campo de búsqueda de la cabecera
Mostrar la caja de inicio de sesión en el lateral	Desactivado	Muestra un widget de inicio de sesión en el lateral de las subpáginas (LNB). Si lo desactivas, solo se usa el enlace de inicio de sesión del menú superior

Pie de página

Opción	Descripción
Texto de presentación del sitio	Texto de presentación a la izquierda del pie de página
Datos de la empresa y de contacto	Cada línea se muestra como un elemento (razón social · representante · número de registro · dirección, etc.)
Aviso de copyright	Copyright en la parte inferior del pie de página

El menú del pie de página aparece cuando vinculas elementos a "Menú del pie de página" (footer_menu) en la edición de menús del sitio (1 nivel).

Tipos de página (clases de menú m / sl / sf)

heritage muestra cada página con una de tres estructuras.

Tipo	Clase de menú	Aspecto
Principal	m	Para la pantalla de inicio, con el visual principal (slider)
Subpágina	sl	Página interna normal. Si el menú actual tiene submenús, se muestra también el LNB a la izquierda
Subpágina a todo el ancho	sf	Página sin LNB en la que el contenido ocupa todo el ancho

Cómo asignarlo

1. En Administración > Edición de menús del sitio, abre el elemento de menú.
2. En el campo Clase, escribe m, sl o sf.
3. Al guardar, las páginas a las que se entra por ese menú se muestran con ese tipo.

Reglas de funcionamiento:

• Los menús sin clase siguen la Forma del layout de la configuración del layout (valor predeterminado: Subpágina).
• Si pones una clase en un submenú, en esa página el valor del submenú tiene prioridad sobre el del menú superior; si el submenú no tiene ninguna, hereda la clase del menú superior (hasta 3 niveles).
• Puedes escribir la clase junto con otras clases separadas por espacios. Ejemplo: sf highlight
• Las pantallas de miembros · mensajes · zittme Pay · búsqueda integrada pasan automáticamente a todo el ancho si no tienen clase asignada.

Combinación con el visual principal

• Mostrar visual "Solo en la forma principal" (predeterminado) + m en el menú de inicio: la configuración habitual en la que el slider solo se ve en el inicio
• Mostrar visual "Mostrar también en subpáginas": slider en la parte superior de todas las páginas, sin importar el tipo
• Mostrar visual "No usar": no se muestra en ninguna parte

LNB (submenú a la izquierda)

En las subpáginas (sl), si el menú de primer nivel actual tiene submenús, aparece automáticamente a la izquierda la lista de submenús. En los menús sin submenús solo se muestra el contenido, sin LNB. Para las páginas que no necesitan LNB, asígnales sf.

Menú superior (GNB)

• Se muestran los elementos vinculados a "Menú superior" (gnb) en la edición de menús del sitio, con soporte hasta 3 niveles. Al pasar el cursor sobre un menú de primer nivel se despliegan sus submenús.
• El color de la barra de menú (oscuro/acento/claro) y su ancho (ancho del contenido/ancho completo) se cambian en el grupo Básico de la configuración del layout.
• En la esquina superior derecha se muestran iniciar/cerrar sesión, el botón para cambiar al modo oscuro y el campo de búsqueda integrada.

Skin de tablero

Elige heritage_default en Configuración del tablero > Configuración del skin. Como es responsivo, no necesitas un skin móvil aparte.

• La forma de mostrar la lista sigue la configuración del tablero.
• El número de comentarios se muestra como [N] junto al título.
• La insignia de publicación nueva (N) sigue el "Tiempo para marcar como nueva" de la configuración del tablero (24 horas por defecto).
• El color de resalte está vinculado al color de acento del layout.

Modo oscuro

• Con el modo de color en "Automático", se sigue la configuración clara/oscura del dispositivo del visitante, y el visitante también puede cambiarlo con el botón de la cabecera (se guarda por dispositivo).
• Los skins de tablero · miembros · mensajes · comercio cambian también.
• Si la imagen del logo no se ve sobre fondo oscuro, te recomendamos un logo con fondo transparente en lugar de uno para fondo claro.

Personalización (variables CSS)

heritage gestiona los colores con variables CSS. El color de acento resuelve la mayoría de los casos, pero para ajustes más finos redefine las variables en un CSS hijo. Si editas directamente los archivos del layout, tus cambios pueden sobrescribirse al actualizar el tema.

Variable	Significado
--hr-brand	Color de acento (se inyecta el valor de la configuración del layout)
--hr-ink	Color del texto del cuerpo
--hr-muted	Color del texto secundario
--hr-bg	Fondo de la página
--hr-surface	Fondo de tarjetas y paneles
--hr-line	Líneas divisorias
--hr-nav-bg	Fondo de la barra de menú
--hr-w	Ancho máximo del contenido (valor de la configuración del layout)

Armar la página principal

Te recomendamos combinar el layout heritage con el Widget de contenido unificado. Asigna m (principal) al menú de inicio para mostrar el slider visual y, debajo, apila el widget de contenido unificado fila por fila en el cuerpo de la página: así tendrás una portada tipo portal. En el skin del widget elige "Heritage" para unificar el estilo con el tablero. Para más detalles, consulta el documento "Widget de contenido unificado" de los Recursos oficiales.

Preguntas frecuentes

• No aparece el slider visual: Revisa en este orden: ① que haya al menos una diapositiva registrada ② que Mostrar visual no esté en "No usar" ③ que la página actual sea de tipo principal (m) (si la opción está en "Solo en la forma principal").
• No aparece el menú de la izquierda (LNB): La página debe ser subpágina (sl) y el menú de primer nivel actual debe tener submenús.
• No se aplica el modo oscuro: Revisa que el modo de color no esté fijado en "Siempre claro".
• Algunas pantallas de módulos tienen el diseño predeterminado: Revisa que en la configuración de ese módulo esté seleccionado el skin heritage_default. Si desmarcaste la casilla al aplicar el tema, puedes elegirlo de nuevo uno por uno.
• Cambié el color de acento y solo cambió una parte: Puede deberse a la caché. Ve a Administración > Regenerar caché y recarga la página.
• No se ven los botones Escribir · Lista de la lista del tablero ni los textos Vistas · Recomendaciones: Es un problema de la versión 1.0.4 o anterior. Actualiza a 1.0.5 o posterior y luego ve a Administración > Regenerar caché.
• Veo el sitio en un idioma distinto del coreano y algunos textos salen en coreano: En la 1.0.5 se limpiaron los textos fijos en coreano que quedaban en los skins. Para las pantallas de comercio necesitas comercio 0.2.7 o posterior, y para las de reservas el módulo de reservas también debe estar actualizado.