Filters

Filtergrænseflade #

Filtre kan bruges til hvert Content for at indsnævre resultaterne baseret på dine produktattributter.

Du finder denne mulighed i hver Content, du opretter til Recommendations, Search eller Email, under Content type > Product filters.

Hver del af filteret består af følgende:

• En attribut at filtrere efter
• En sammenligning der afgør, hvordan attributten skal sammenlignes med værdien
• En værdi der afgør, hvad attributten skal sammenlignes med

Du kan oprette filtre baseret på alle produktattributter, du sender til Clerk. De tilgængelige sammenligningsoperatorer afhænger af typen af attribut, du filtrerer efter.

F.eks. indeholder price et tal, hvilket betyder, at du både kan bruge større end, mindre end og andre numeriske sammenligninger, mens tekst-/strengattributter som name kun tillader booleske sammenligninger som er eller er ikke.

Når du opretter filtre, vil grænsefladen vise dig hvor mange produkter der matcher filteret og den genererede filterstreng.

Simple filtre #

Disse indeholder kun én enkelt attribut og sammenligning. Et eksempel er kun at vise produkter under €400:

Filter-sæt #

Disse giver dig mulighed for at indsnævre produktudvalget ved at tilføje flere filtre inden for samme sæt. Du kan gøre dette ved at klikke på "+"-ikonet inde i et eksisterende filter og tilføje et nyt.

Indenfor et sæt, kan du vælge mellem to filterlogikker:

• AND viser kun produkter, der matcher alle filtrene i sættet.
• OR viser produkter, der matcher mindst ét af filtrene i sættet.

Eksempel: Du vil kun vise produkter, der koster under €400 og også er på udsalg.

Kombination af sæt #

Du kan kombinere filter-sæt, hvilket gør det muligt at arbejde sammen via forskellige betingelser. I stedet for at tilføje filtre inde i et eksisterende sæt, klikker du på "+ Tilføj filter" for at starte et nyt sæt.

Hvert filter-sæt fungerer separat, og du kan vælge, hvordan de interagerer:

• AND viser kun produkter, der matcher alle sæt.
• OR viser produkter, der matcher mindst ét af sættene.

Eksempel: Du vil vise produkter, der er under €400 OG på udsalg, men også enten fra Leverandør A ELLER en bestemt kategori.

• Det første sæt sikrer, at produkterne opfylder pris- og udsalgskravene.
• Det andet sæt giver fleksibilitet ved at inkludere produkter fra enten en bestemt leverandør eller kategori.

Filterstreng #

Filtergrænsefladen opretter automatisk den korrekte syntaks baseret på de data, der er tilgængelige i dine attributter. F.eks. hvis dine SKU’er er formateret som strenge såsom “GT-1234”, føjes anførselstegn automatisk til filterstrengen.

sku = "GT-1234"

Hvis en attribut er et tal, tilføjes den uden anførselstegn.

price < 300

Hvis du oplever problemer med filtreringen, skal du tjekke filterstrengen for at sikre, at den korrekte syntaks benyttes, og foretage justeringer efter behov.

Hvis du er i tvivl, kan du se, hvilken datatype en given attribut har (string, number, list, boolean) ved at gå til Data > Products og gennemse et produkt.

Du kan altid manuelt tilpasse filterstrengen til dine behov ved at klikke på blyant-ikonet ved siden af Filter expression.

Dynamisk filtrering #

Filters kan tilføjes direkte til embed-koder ved at bruge attributten data-filter. Dette giver dig mulighed for at gøre filtene dynamiske ved at ændre værdierne baseret på frontend-logik.

Nedenfor er flere almindelige eksempler på, hvordan du kan bruge dynamisk filtrering.

Fri fragt-grænse #

Definér en variabel, f.eks. $free_shipping_limit, der indeholder det resterende beløb kunden skal købe for at opnå fri fragt. Brug dette som et dynamisk filter for kun at vise produkter over dette beløb:

<span class="clerk"
      data-template="@complementary-to-basket"
      data-filter="price > $free_shipping_limit">
</span>

Matching Gender #

Hvis dine produkter indeholder en attribut som gender, der indeholder female, male, kids, unisex osv., kan du tvinge Clerk-elementer til at vise produkter til samme køn.

Definér en variabel, f.eks. $product_gender, der indeholder kønnet på det produkt, som aktuelt vises, og brug den til at vise produkter til samme køn:

<span class="clerk"
      data-template="@Bestsellers"
      data-filter="gender = $product_gender">
</span>

Specifik kategori #

I dette tilfælde skal du bruge en liste i din butik, der indeholder produktkategorierne, som kunne defineres som $available_categories = [1,2,3,4,5]. Brug dette til at filtrere sliders, så kun produkter fra disse kategorier vises:

<span class="clerk"
      data-template="@type-slider"
      data-filter="categories in $available_categories">
</span>