Personalizzazione dell'interfaccia
Adatta la ricerca al tuo negozio
Impostazioni Back Office
Configura la ricerca senza codice
Parti dai layout e dai controlli del Back Office. Adatta l'interfaccia senza modificare i modelli o ricostruire la configurazione della ricerca.
- Scegli il layout del widget e della pagina risultati.
- Mostra o nascondi suggerimenti, categorie, prodotti e riepilogo delle faccette.
- Controlla la visibilità di marchio, prezzi, badge e CTA nelle schede prodotto.
- Sostituisci le etichette dei pulsanti supportati e il testo di aiuto senza risultati.
- Riordina sezioni e campi consentiti quando il layout lo permette.
Personalizzazione delle schede prodotto
Scegli una scheda prodotto o crea la tua
Parti da un modello standard o orizzontale. Per un controllo completo, usa HTML personalizzato con i tuoi dati, stili e interazioni supportate.
Modelli di scheda inclusi
Scegli una scheda standard o orizzontale per diversi contesti del negozio.
Controlli delimitati dei contenuti
Mostra, nascondi e ordina i campi supportati: marchio, prezzo, prezzo originale, badge e CTA.
Modello HTML avanzato
Crea un componente ProductCard con un modello HTML sicuro compatibile con Mustache e dati documentati.
Campi e azioni aggiuntivi
Usa slot registrati e marcatori data-kea-action per le interazioni supportate.
Interfaccia per sviluppatori
Una superficie di personalizzazione documentata
Le agenzie possono progettare e integrare la ricerca tramite contratti pubblici, senza decodificare wrapper generati o stato interno dei componenti.
Classi pubbliche kea-*
Stili semantici
Le classi documentate coprono ricerca, risultati, schede prodotto, filtri e relativi elementi semantici.
Variabili del tema --kea-*
Controlli del tema
Le variabili controllano colori, tipografia, spaziatura, bordi, griglie e proporzioni del layout.
Marcatori data-kea-*
Stati e interazioni
Modalità, viste, schermi, breakpoint, ruoli e azioni supportate sono esposti tramite marcatori documentati.
Le classi generate dal framework sono dettagli di implementazione. Classi, variabili, marcatori ed eventi pubblici formano l'interfaccia supportata.
Modalità Anteprima
Controlla le modifiche prima della pubblicazione
Modifica layout, schede prodotto e stile nel Back Office, poi prova il negozio senza cambiare ciò che i clienti vedono attualmente.
- Confronta il negozio attuale con l'anteprima che stai modificando.
- Controlla suggerimenti, risultati, filtri, schede prodotto e layout responsive.
- Correggi gli avvisi di integrazione o modello prima dell'attivazione.
- Applica o annulla le modifiche quando la nuova esperienza è pronta.
