Tema Damon (tienda de muebles y hogar)

Este es el manual de Damon (damon), el tema oficial de Zittme para tiendas de muebles y artículos para el hogar. Su paleta se limita a un fondo color avena y un solo tono café nogal, y combina títulos con serifa, márgenes amplios y una cuadrícula de 3 columnas de baja densidad para que el visitante se detenga a mirar cada producto con calma. Usa la misma estructura que el tema Sinsunhan (página principal integrada en el tema y secciones armadas con campos repetibles), así que para lo que no encuentres aquí consulta también el documento del tema Sinsunhan.

Demo: damon-demo.zitt.me

Componentes

Instalación y aplicación

1. Instálalo desde la tienda o descomprímelo en themes/damon.
2. En Administración > Configuración de diseño, elige Damon y aplícalo.
3. Si tienes el módulo de comercio, el menú de la tienda, la búsqueda del encabezado y las secciones de productos de la portada se conectan automáticamente. Si hay varios módulos de tienda, escribe el mid en "Dirección del módulo de tienda (mid)" en Configuración del layout > Composición de la portada.
4. El tipo de página se define escribiendo en la clase del menú del mapa del sitio m (principal) / sl (subpágina) / sf (ancho completo). Las pantallas de miembros, mensajes y pago usan ancho completo automáticamente.

Entorno recomendado: Zittme 1.0.1 o superior, comercio 1.1.1 o superior. Como es un tema responsivo, se recomienda desactivar la vista exclusiva para móviles.

Encabezado y modo de color

• El logotipo en texto va al centro, con la búsqueda de productos a la izquierda y los íconos de carrito y notificaciones a la derecha. Si dejas vacía la imagen del logo, el texto del logo aparece como logotipo con serifa.
• En móviles se añade una barra de pestañas inferior (Inicio · Categorías · Buscar · Carrito · Mi página).
• El modo de color puede ser automático (según la configuración del dispositivo), claro u oscuro. En automático, el navegador recuerda lo que elija el visitante.

Página principal integrada en el tema (Composición de la portada)

Se arma en orden con el campo repetible "Secciones de la página principal" de la pestaña Composición de la portada en Configuración del layout. Si no agregas ninguna, se usa la composición predeterminada (mosaicos de categorías → novedades → banner → recomendados → marcas → campañas → ranking → banner → descuentos → oferta del día → últimas publicaciones del tablero).

Tipo de sección	Contenido	Origen (source)	Cantidad (count)
Mosaicos de categorías de la tienda	Accesos directos a las categorías de primer nivel. Los íconos se toman del campo repetible "Íconos de categoría"	-	Número de mosaicos
Productos recomendados / novedades / con descuento / populares	Cuadrícula de tarjetas de producto de 3 columnas	-	Número de productos
Oferta del día	Muestra un producto con descuento distinto cada día	-	-
Tarjetas de campañas en curso	Las campañas de comercio como tarjetas con imagen	-	Número de tarjetas
Ranking de populares	Lista del 1.º al N.º lugar con pestañas por categoría	-	Número de posiciones
Fila de marcas	Logotipos · nombres · enlaces registrados en el campo repetible "Marcas"	-	Número de marcas
Franja de banner	Reutiliza las imágenes del slider visual como banner intermedio	Número de la diapositiva (si lo dejas vacío, se usan en orden)	-
Últimas publicaciones del tablero	Lista de publicaciones del tablero. Si escribes varios mid separados por comas, se muestra en varias columnas	mid del tablero (ej.: notice,board)	Número de publicaciones

Si dejas vacío el título de una sección, aparece el título predeterminado de su tipo.

Pantallas de la tienda (skin de comercio)

• Lista: categorías · búsqueda · orden. Las tarjetas muestran el nombre del vendedor (tienda) · porcentaje de descuento · precio original.
• Detalle: nombre del producto · precio · beneficios de puntos · costo de envío · opciones · comprar ahora · carrito, información de envío · medidas · cambios, pestañas de reseñas · preguntas, información del vendedor.
• Tienda del vendedor: si activas el marketplace, cada tienda muestra su imagen de cabecera · búsqueda dentro de la tienda · productos destacados · novedades · lista de todos los productos.
• Campañas · carrito · pedido · Mis compras: siguen el mismo flujo que el tema Sinsunhan, y el pago continúa en el skin de zittme Pay.

Pie de página

En Configuración del layout > Pie de página completa el texto de presentación del sitio, el teléfono · horario · correo de atención al cliente, las direcciones de redes sociales, el texto de aviso inferior, la información de la empresa y de contacto, y el aviso de derechos de autor. El menú del pie de página se conecta en "Menú del pie de página" del mapa del sitio.

Todos los ajustes del layout

Básico

Imagen del logo · logo para modo oscuro · texto del logo · color de acento · ancho máximo del contenido (1060 · 1180 · 1320) · ancho de la barra de menú · color de la barra de menú · posición del botón de modo oscuro en móvil · posición del selector de idioma en móvil · modo de color

Pantalla inicial

Mostrar slider visual · intervalo de avance automático · diapositivas visuales (imagen de fondo · título · descripción · texto del botón · enlace del botón · alineación del texto)

Composición de la portada

Íconos de categoría · marcas · dirección del módulo de tienda (mid) · secciones de la página principal (tipo · título · origen · cantidad)

Contenido · barra lateral

Usar búsqueda unificada · mostrar cuadro de inicio de sesión en la barra lateral

Pie de página

Texto de presentación del sitio · teléfono de atención al cliente · horario · correo de contacto · 4 direcciones de redes sociales · texto de aviso inferior · información de la empresa y de contacto · aviso de derechos de autor