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.