Vtex

Search

Omnisearch #

Et enkelt fuldskærmsvindue, der giver dine besøgende de resultater, der sandsynligvis vil konvertere. Yderligere information kan findes i den primære Omnisearch guide

For Single Page Applications (SPAs) skal en ekstra funktion aktiveres for at integrere Omnisearch. Funktionen, SPA Auto Detect Changes, kan aktiveres ved at navigere til my.clerk.io > Indstillinger > Funktioner.

Features SPA changes

Instant Search & Search Page #

Clerk.io’s søgefunktion består af to dele:

  • Den Live-Search dropdown, der vises, når en kunde begynder at skrive.

  • Søgesiden, som viser alle matchende produkter på en fuld side.

Fra hovedmenuen skal du starte med at klikke på Kom i gang:

1. Opret standarddesign og indhold #

Det første, du skal gøre, er at oprette Standard Designs og Indhold.

Du kan bruge opsætningsguiden med titlen SEARCH under Kom i gang-muligheden til hurtigt at oprette Designs og Indhold, der har det samme farveskema og stil som din webshop.

  1. Start med at oprette et Design og Indhold til Live Search :
setup guide live search

Klik på Udgiv, når du er tilfreds med stilen.

  1. Og så opret et Design og Indhold til Søgesiden:
setup guide search page

Klik på Udgiv, når du er tilfreds med stilen.

Du kan nemt ændre dine designs og indhold senere under Designs og Indhold i venstre menu.

Ændre Design

search design edit

Ændre Indhold

search content edit

2 Konfiguration VTEX Search (Live search & Søgeside) #

  1. På dit butikstema, tilføj clerkiopartnerdk.integration-vtex 1.x som en tema peerDependency i manifest.json filen:
"peerDependencies": {
    "clerkiopartnerdk.integration-vtex": "1.x"
}
  1. Tilføj clerkio_searchpage blokken i den dedikerede landing søgeside.
{
  "responsive-layout.desktop#searchpage": {
    "children": ["clerkio_searchpage"]
  }
}

Appen vil også oprette en dedikeret søgeside rute på /clerk-search?searchTerm=__QUERY__. Denne rute har allerede clerkio_searchpage blokken tilføjet i kroppen.

Appen opretter også et komponent søgeinputfelt til brug i din header: clerkio_searchinput. Som standard fører dette inputfelt dig til den dedikerede side rute, der er oprettet af appen.

Efter aktivering af funktionerne vil du kunne se Clerk.io’s SEARCH-funktion på din webshop.

Denne side er oversat af en hjælpsom AI, og der kan derfor være sproglige fejl. Tak for forståelsen.