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 dei risultati.
- Mostra o nascondi suggerimenti, categorie, prodotti e riepilogo dei filtri.
- Scegli se mostrare marchio, prezzi, badge e pulsanti di azione 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.
Controllo dei campi visibili
Mostra, nascondi e ordina i campi supportati: marchio, prezzo, prezzo originale, badge e pulsanti di azione.
Modello HTML avanzato
Crea una scheda prodotto personalizzata con un template HTML sicuro compatibile con Mustache e con i campi documentati.
Campi e azioni aggiuntivi
Usa punti di inserimento predisposti e marcatori data-kea-action per le interazioni supportate.
Interfaccia per sviluppatori
Un'API di personalizzazione documentata
Le agenzie possono integrare e personalizzare la ricerca tramite API, classi CSS e interfacce pubbliche documentate, senza dipendere dai dettagli interni 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. Le classi, le variabili, i marcatori e gli eventi documentati formano l'interfaccia pubblica stabile.
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 sui diversi schermi.
- Correggi gli avvisi di integrazione o modello prima dell'attivazione.
- Applica o annulla le modifiche quando la nuova esperienza è pronta.
Impostazioni dell'interfaccia
Scopri i controlli per personalizzare l'interfaccia
Scegli un layout, modifica i campi supportati delle schede prodotto, personalizza i template e confronta le anteprime desktop e mobile.
Modifica accanto all'anteprima del negozio
Configura sezioni, dettagli prodotto, layout e comportamento mentre il risultato nel negozio resta visibile.
Personalizza l'HTML della scheda prodotto
Usa campi prodotto documentati e una verifica immediata quando i template inclusi non bastano.
Anteprima del menu desktop
Controlla prodotti, categorie, suggerimenti, filtri e layout nel menu di ricerca prima della pubblicazione.
Anteprima della pagina dei risultati desktop
Configura insieme griglia prodotti, filtri, paginazione, campi delle schede prodotto e layout della pagina dei risultati.
Controlla la pagina dei risultati su mobile
Verifica la griglia prodotti, i filtri, l'ordinamento e i controlli delle schede prodotto nell'anteprima del telefono.
Scegli un layout di ricerca
Usa un widget di ricerca, una pagina dei risultati Classic o un'esperienza combinata con widget e pagina dei risultati.