Personalización de la interfaz
Adapta la búsqueda a tu tienda
Ajustes del Back Office
Configura la búsqueda sin código
Empieza por los diseños y controles del Back Office. Adapta la interfaz sin editar plantillas ni reconstruir la configuración de búsqueda.
- Elige el diseño del widget y de la página de resultados.
- Muestra u oculta sugerencias, categorías, productos y resumen de facetas.
- Controla la visibilidad de marca, precios, insignias y CTA en las fichas de producto.
- Sustituye las etiquetas de botones compatibles y el texto de ayuda sin resultados.
- Reordena las secciones y campos permitidos cuando el diseño lo admita.
Personalización de fichas de producto
Elige una ficha de producto o crea la tuya
Empieza por una plantilla estándar u horizontal. Para un control completo, usa HTML personalizado con tus datos, estilos e interacciones compatibles.
Plantillas de ficha incluidas
Elige una ficha estándar u horizontal según el contexto de la tienda.
Controles de contenido delimitados
Muestra, oculta y ordena los campos permitidos: marca, precio, precio original, insignias y CTA.
Plantilla HTML avanzada
Crea un componente ProductCard con una plantilla HTML segura compatible con Mustache y datos documentados.
Campos y acciones adicionales
Usa espacios de campo registrados y marcadores data-kea-action para las interacciones compatibles.
Interfaz para desarrolladores
Una superficie de personalización documentada
Las agencias pueden diseñar e integrar la búsqueda mediante contratos públicos sin aplicar ingeniería inversa a envoltorios generados o al estado interno.
Clases públicas kea-*
Estilos semánticos
Las clases documentadas cubren búsqueda, resultados, fichas de producto, filtros y sus elementos semánticos.
Variables de tema --kea-*
Controles del tema
Las variables controlan colores, tipografía, espacios, bordes, cuadrículas y proporciones del diseño.
Marcadores data-kea-*
Estados e interacciones
Modos, vistas, pantallas, puntos de ruptura, roles y acciones compatibles se exponen mediante marcadores documentados.
Las clases generadas por el framework son detalles de implementación. Las clases, variables, marcadores y eventos públicos forman la interfaz compatible.
Modo Vista previa
Revisa los cambios antes de publicarlos
Cambia el diseño, las fichas de producto y los estilos en el Back Office, y prueba la tienda sin modificar lo que el cliente ve actualmente.
- Compara la tienda actual con la vista previa que estás editando.
- Revisa sugerencias, resultados, filtros, fichas de producto y diseños adaptables.
- Corrige avisos de integración o plantilla antes de activar.
- Aplica o descarta los cambios cuando la nueva experiencia esté lista.
