---
title: "Topptekst: Clerk-søk"
url: "https://support.acendy.com/no/article/topptekst-clerk-sok"
language: "no"
last_updated: "2026-06-12T10:00:34.247Z"
---

# 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.