Personnalisation de l'interface
Adaptez la recherche à votre boutique
Réglages du Back Office
Configurez la recherche sans code
Commencez par les préréglages et contrôles du Back Office. Adaptez l'interface sans modifier les modèles ni reconstruire la configuration de recherche.
- Choisissez la mise en page du widget et de la page de résultats.
- Affichez ou masquez suggestions, catégories, produits et résumé des facettes.
- Réglez l'affichage de la marque, des prix, des badges et des CTA sur les fiches produit.
- Remplacez les libellés de boutons pris en charge et le message d'aide sans résultat.
- Réordonnez les sections et champs autorisés lorsque la mise en page le permet.
Personnalisation des fiches produit
Choisissez une fiche produit ou créez la vôtre
Partez d'un modèle standard ou horizontal. Pour un contrôle complet, utilisez un modèle HTML personnalisé avec vos données, vos styles et les interactions prises en charge.
Modèles de fiche inclus
Choisissez une fiche standard ou horizontale selon le contexte de la boutique.
Contrôles de contenu délimités
Affichez, masquez et ordonnez les champs autorisés : marque, prix, prix initial, badges et CTA.
Modèle HTML avancé
Créez un composant ProductCard avec un modèle HTML sécurisé compatible Mustache et les données produit documentées.
Champs et actions supplémentaires
Utilisez les emplacements de champs enregistrés et les marqueurs data-kea-action pour les interactions prises en charge.
Interface développeur
Une surface de personnalisation documentée
Les agences stylisent et intègrent la recherche grâce à des contrats publics, sans rétroconcevoir les enveloppes générées ni l'état interne des composants.
Classes publiques kea-*
Styles sémantiques
Les classes documentées ciblent la recherche, les résultats, les fiches produit, les filtres et leurs éléments sémantiques.
Variables de thème --kea-*
Contrôles du thème
Les variables pilotent couleurs, typographie, espacements, bordures, grilles et proportions de mise en page.
Marqueurs data-kea-*
États et interactions
Modes, vues, écrans, seuils responsive, rôles et actions prises en charge sont exposés par des marqueurs documentés.
Les classes générées par le framework sont des détails d'implémentation. Classes, variables, marqueurs et événements publics constituent l'interface prise en charge.
Mode Aperçu
Vérifiez les changements avant leur mise en ligne
Modifiez la mise en page, les fiches produit et les styles dans le Back Office, puis testez la boutique sans changer ce que les clients voient actuellement.
- Comparez la boutique actuelle à l'aperçu en cours de modification.
- Vérifiez suggestions, résultats, filtres, fiches produit et mises en page responsive.
- Corrigez les avertissements d'intégration ou de modèle avant l'activation.
- Appliquez ou abandonnez les changements lorsque la nouvelle expérience est prête.
