Topptekst: Clerk-søk
Clerk-søk
Clerk-søk-blokken har ingen funksjon direkte i designbyggeren. Det er en knapp som kan tilpasses visuelt sett og som igjen brukes av Clerk til å aktivere et søk.
Oppkobling av søk gjøres av Clerk.
Elementet får klassen __header_clerk_search_block som kan brukes av Clerk i oppsettet.
Før du starter
Clerk-søk avhenger av Clerk.io-integrasjonen. Hvis du ikke har Clerk aktivt i butikken, er ikke denne blokken tilgjengelig i Designbyggeren. Du aktiverer Clerk via integrasjonsområdet i butikken — når den er aktiv, dukker blokken opp i listen over header-blokker.
Hva den viser
En søkeutløser — enten en knapp med etikett eller et ikon — som åpner Clerks søkeopplevelse. Clerk returnerer umiddelbare produktforslag og søkeresultater mens kunden skriver, rangert av anbefalingsmotoren.
Innstillinger
Innstilling | Hva den styrer |
|---|---|
Etikett | Teksten som vises på søkeutløseren (for eksempel «Søk») |
Ikon | Hvilket ikon som vises |
Ikonposisjon | Om ikonet står før eller etter etiketten |
Ikonstørrelse | Størrelsen på ikonet |
Mellomrom | Avstand mellom ikonet og etiketten |
Farger
Innstilling | Hva den styrer |
|---|---|
Bakgrunnsfarge | Utløserens fyll |
Tekstfarge | Fargen på etiketten |
Ikonfarge | Fargen på ikonet |
Bakgrunn ved hover | Fyll når kunden holder over |
Tekstfarge ved hover | Etikettfarge ved hover |
Ikonfarge ved hover | Ikonfarge ved hover |
Kantlinjefarge ved hover | Kantlinjefarge ved hover |
Form
Innstilling | Hva den styrer |
|---|---|
Hjørneradius | Avrunder hjørnene |
Bruk global radius | Bruk temaets globale hjørneavrunding i stedet |
Oppsett og synlighet
- Fontstørrelse — størrelsen på etiketten.
- Innvendig avstand (padding) — plass inni utløseren.
- Bredde-innstillinger for desktop, nettbrett og mobil.
- Egen CSS-klasse og blokkbetingelser for avansert styling og vis/skjul-regler.
Tips
- Bruk enten Clerk-søk eller det vanlige søkefeltet, ikke begge — to søkefelt i én header forvirrer kundene.
- Hover-fargene er verdt å sette; en søkeutløser som responderer visuelt føles mer klikkbar.
- Kvaliteten på Clerks resultater avhenger av at produktfeeden er riktig satt opp i Clerk-kontoen. Hvis resultatene ser feil ut, sjekk feeden der, ikke denne blokken.