Search

Generelt #

For at indarbejde din indlejringskode til enten Live Search eller Search Page skal du have adgang til dine temafiler. For at gøre dette skal du følge stien Tema > temafiler > mine temaer > vælg > rediger temaer > find filer

Live-søgning #

• Opret først dit Live Search-design og -indhold i my.clerk.io.

• I din header-fil eller live-search-header-fil (sandsynligvis header.html , eller, i dette eksempel, header-search.html) skal Live Search-indlejringskoden placeres.

• Sørg for at opdatere pladsholderen i “data-instant-search”, så den omfatter den forespørgselsklasse eller det ID, der bruges i din webshop (i dette eksempel “#search_query_adv”).

Søgeside #

• Opret først din søgesides design og indhold i my.clerk.io.

• I din søgesidefil (sandsynligvis search.html) skal søgesidens indlejringskode placeres.

• Sørg for at opdatere pladsholderen i “data-query”, så den indeholder den forespørgsel, der bruges i URL’en til dine søgeresultater (i dette eksempel “forms.search.query”).

Facetter #

Clerk.js kommer med indbygget understøttelse af facetteret søgning.

Alle produktattributter, du sender til Clerk.io, kan bruges som en del af den facetterede søgning.

Lad os starte med et hurtigt eksempel:

<div id="clerk-search-filters"></div>
<div id="clerk-search-results"></div>

<span
  class="clerk"

  data-template="@search-page"
  data-query="shoes"
  data-offset="0"

  data-target="#clerk-search-results"

  data-facets-target="#clerk-search-filters"
  data-facets-attributes='["categories","manufacturer","gender"]'
  data-facets-multiselect-attributes='["categories","manufacturer"]'
  data-facets-titles='{"categories":"Categories","manufacturer":"Brand","gender":"Sex"}'
  data-facets-design='12234'>
</span>

Data-facets-delen giver dig mulighed for at aktiver og Tilpas den facetterede søgning.

Ved at tilføje disse til din Kode til indlejring af søgeside vises facetterne, så snart resultaterne vises.

Nedenfor kan du se, hvad hver del gør:

Styling-facetter #

Facets leveres med en simpel styling ud af boksen. For at ændre dette skal du blot bruge CSS selectors (mere om facetstyling her, for at tilføje enhver tilpasset styling.

Tilføjelse af facetter til din BigCommerce-butik #

For at tilføje facetter til din søgeside i din BigCommerce-webshop skal du blot tilføje de relevante dataattributter til din søgesides indlejringskode, som du har kopieret til den fil, hvor din søgeside ligger, sandsynligvis search.html.

For eksempel:

Du kan også tilføje enhver styling-CSS til den samme fil. Sørg for at omgive alle facetternes CSS medtags: