Streetlab

El tema oficial de zittme para tiendas de moda. Es un tono street monocromático, resuelto con un solo negro tinta sobre blanco puro, y en su página de inicio con pestañas de ranking y franja de marcas las fotos de producto son las protagonistas. El layout y los skins de Comercio, foro, miembros, mensajes, notificaciones, mensajes del sistema, Reservas, zittme Pay, Contacto y Preguntas y respuestas vienen en un solo paquete, así que todo el sitio comparte un mismo lenguaje de diseño en cuanto aplicas el tema.

Sitio demo: fashiondemo.zitt.me (con la cuenta demo de administrador puedes recorrer hasta las pantallas de administración)

Página de inicio con slider de campaña y pestañas de ranking

El layout dibuja directamente la página de inicio del sitio. Debajo del slider de campaña a todo lo ancho siguen la franja de categorías, las pestañas de ranking por categoría, las promociones en curso, la cuadrícula de novedades, los productos en oferta y las publicaciones recientes del foro; con los campos repetibles de la configuración del layout quitas secciones o cambias su orden y cantidad. Los números de ranking grandes y el logotipo en mayúsculas crean el ambiente street.

Inicio de la tienda y lista por categoría

El encabezado es de una sola línea: logotipo, búsqueda y barra de categorías. La lista pone los chips de categoría, la búsqueda y el orden en una línea, y las tarjetas de producto se resuelven sin bordes, solo con foto y precio. A los mosaicos de categoría puedes agregarles una imagen o un ícono emoji desde la configuración del layout.

Detalle de producto y opciones combinadas

Admite opciones combinadas como color × talla, y las combinaciones agotadas se atenúan para que no se puedan elegir. La información de envío y de cambios/devoluciones se puede diseñar con HTML.

Promociones

Las promociones creadas en la administración de Comercio aparecen automáticamente en el inicio de la tienda y en las tarjetas de la página de inicio. Para el banner eliges entre imagen, color sólido o degradado, y defines si la imagen destacada va a la izquierda o a la derecha.

Móvil

Abajo queda fija una barra de 5 pestañas: Inicio, Categorías, Búsqueda, Carrito y Mi página; categorías y búsqueda se abren en paneles inferiores. Como es responsivo, no necesitas crear un layout móvil aparte.

Componentes

• Layout: encabezado monocromático de una línea, página principal integrada en el tema, slider de campaña, pie con atención al cliente · redes sociales · datos de la empresa, barra de pestañas inferior y paneles inferiores en móvil
• Skins: Comercio · foro · miembros · mensajes · notificaciones · mensajes del sistema · Reservas · zittme Pay · Contacto · Preguntas y respuestas (los skins de módulos adicionales solo se aplican en sitios que tengan ese módulo instalado)
• Comodidades para el administrador: al iniciar sesión como administrador aparecen accesos directos a Administración, Gestión de la tienda y Configuración de pagos en el encabezado y en el menú lateral móvil

Configuración

• Color de acento aplicado a todas las pantallas desde un solo lugar, modo oscuro (automático · siempre claro · siempre oscuro), responsivo
• Ancho máximo del contenido, ancho y color de la barra de menú, alineación del texto del slider visual (izquierda · centro · derecha)
• Estructura principal: dirección del módulo de tienda, campos repetibles de las secciones de la página principal, íconos de los mosaicos de categoría (imagen o emoji)
• Pie: presentación del sitio, teléfono y horario de atención al cliente, correo de contacto, datos de la empresa, direcciones de redes sociales, texto informativo, derechos de autor
• Clases de layout m (principal) · sl (secundaria) · sf (ancho completo)
• Archivos de idioma incluidos: coreano · inglés · japonés · chino (simplificado · tradicional) · alemán · francés · español · ruso · turco · vietnamita · mongol

Entorno recomendado

zittme 1.0.1 o superior, Comercio 0.2.18 o superior, zittme Pay 0.2.9 o superior. El skin de Comercio incorpora lo agregado en 0.2.16: textos informativos en HTML, alineación de la imagen destacada del banner, filtro por estado de pedido y opciones para mostrar enlaces y la caja de búsqueda.