Goungyeol

El tema oficial de zittme para tiendas de cosméticos y belleza. Como una boutique de belleza, deja amplios espacios en blanco, muestra fotos grandes de producto en tarjetas de esquinas rectas y define su color con un acento rosa fucsia y marfil rubor. Separa la marca del nombre del producto y muestra juntos la calificación, el número de reseñas, el lugar en el ranking y la insignia de oferta. 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: shopdemo2.zitt.me (con la cuenta demo de administrador puedes recorrer hasta las pantallas de administración)

Página de inicio al estilo boutique de belleza

El layout dibuja directamente la página de inicio del sitio. Debajo del slider visual siguen el índice de categorías, las promociones en curso, los productos recomendados, el ranking en tiempo real, las 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. Las tarjetas de producto muestran marca, nombre, calificación, número de reseñas e insignia de oferta, con la densidad de información adecuada para productos de belleza.

Inicio de la tienda y lista por categoría

El encabezado coloca búsqueda, logotipo, Mi página y carrito en una sola línea, y debajo sigue el menú de categorías. La lista pone los chips de categoría, la búsqueda y el orden en una línea, y en móvil los chips se desplazan de lado a lado. 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 normales, adicionales y combinadas (color × tamaño, etc.), 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 de boutique de belleza, página principal integrada en el tema, slider visual, 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.