Stilizzazione delle faccette #
[Le sfaccettature (https://docs.clerk.io/docs/clerkjs-ui-faceted-search) aggiungono grandi funzionalità e migliorano l’esperienza dell’utente per le pagine del webstore come i risultati della ricerca. Per personalizzare l’aspetto delle faccette dei risultati, è sufficiente regolare il CSS all’interno del design della pagina.
A seconda della configurazione, il CSS per le sfaccettature si trova in:
- Nel design della pagina di ricerca all’interno di my.clerk.io
- Come design separato in my.clerk.io. Se si utilizza questa opzione, assicurarsi di utilizzare l’ID Design delle faccette nel codice di ricerca con data-facets-design=“12322”.
- Oppure, all’interno dei tag nel file del modello principale della pagina di ricerca del vostro negozio web, come in questo esempio:
In entrambi i casi, la regolazione dello stile delle faccette richiede semplicemente la regolazione dello stile incluso nelle classi e negli ID delle faccette.
Per verificare che lo stile delle classi sia corretto, è più facile “ispezionare” le sfaccettature con il browser del sito web, per identificare le caratteristiche che si stanno modificando.
Una volta trovati i valori giusti per lo stile, è possibile modificare diverse caratteristiche come i colori del testo e dello sfondo, la larghezza delle sfaccettature, i caratteri e altro ancora!