Dynamische Filterung in eingebetteten Codes

Verwenden Sie die dynamische Filterung in den Einbettungscodes, um seiten- und situationsspezifische Inhalte in Ihren Schiebereglern anzuzeigen.

Die [Clerk.io-Filter] (https://docs.clerk.io/docs/filters) können direkt in den Einbettungscodes mit dem Attribut data-filter verwendet werden. Dies ermöglicht es Ihnen, dynamische Filter in der Logik basierend auf Variablen im Webshop zu erstellen.

Unten finden Sie einige Beispiele, aber Sie können dies auch auf viele andere Arten verwenden.

Produkte anzeigen, bei denen ein Limit für den kostenlosen Versand erreicht wurde:

Angenommen, Ihr Shop verfügt über eine Variable namens $free_shipping_limit, die den Restbetrag enthält, den der Kunde benötigt, um das Limit für den kostenlosen Versand zu erreichen, dann können Sie einen dynamischen Filter verwenden, der wie folgt aussieht, um nur Produkte anzuzeigen, die über diesem Preispunkt liegen:

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

Produkte anzeigen, die einem bestimmten Geschlecht entsprechen:

Dieses Beispiel geht davon aus, dass Ihre Produkte ein Attribut namens gender haben, das entweder female oder male liefert.

Sie benötigen dann eine Variable in Ihrem Shop, die das Geschlecht für das aktuelle Produkt enthält, die in diesem Beispiel $product_gender heißt.

Der Einbettungscode mit dem Filter kann dann wie folgt eingerichtet werden:

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

Produkte eines bestimmten Typs oder einer bestimmten Marke anzeigen:

Sie können die Schieberegler so filtern, dass nur Produkte aus der gleichen Kategorie angezeigt werden wie das Produkt, das der Kunde gerade betrachtet.

In diesem Fall benötigen Sie eine Liste in Ihrem Shop, die die Produktkategorien enthält, die wir hier $categories nennen werden. Die Liste sollte wie folgt aussehen: $categories =[1,2,3,4,5] Der Filter könnte dann wie folgt aufgebaut sein:

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

Ist damit Ihre Frage beantwortet?