Das Modul $wsLastSeenProducts bietet Zugriff auf die zuletzt angesehenen Produkte eines Benutzers. In diesem Bereich erfahren Sie, wie Sie diese Daten abrufen und dynamisch im Frontend verwenden können. Zudem werden die verfügbaren Variablen und Tags beschrieben, mit denen die Produktdaten flexibel in Templates eingebunden werden können.

Inhaltsübersicht

1 Templates
2 Datenübersicht & Zugriff
3 Beispiele für den Datenzugriff
- 3.1 Prüfen, ob Produkte sich auf der Liste finden
- 3.2 Produkte anzeigen
4 Referenz

Templates

Die Anzeige der zuletzt angesehenen Produkte ist in allen Templates möglich, wird jedoch üblicherweise auf der Produktdetailseite eingesetzt. Die Darstellung kann individuell angepasst werden, beispielsweise als Liste, Galerie, aufklappbares Element am unteren Browserfenster oder als Sidebar-Element.

Datenübersicht & Zugriff

Die zuletzt angesehenen Produkte werden während einer Session gespeichert und sind nur innerhalb dieser Sitzung verfügbar. Eine Liste der zuletzt angesehenen Produkte wird erst dann erstellt, wenn der Nutzer ein Produkt zum ersten Mal anklickt – dieses wird dann als erstes Element in die Liste aufgenommen.

Es werden während einer Session immer nur die 10 zuletzt angesehenen Produkte gespeichert.

Zur Analyse und Fehlerbehebung kann die Struktur der gespeicherten Produkte als JSON-ähnliches Format ausgegeben werden. Dies hilft dabei, die verfügbaren Daten besser zu verstehen und gegebenenfalls Anpassungen vorzunehmen.

Dies erfolgt folgendermaßen (auskommentiert, damit die Ausgabe nicht direkt im Frontend angezeigt wird):

{{ var $lastSeenProducts = $wsLastSeenProducts.load() }}
<!--
  {{= $lastSeenProducts | json }}
-->

Die Ausgabe in der Developer-Konsole des Browsers könnte dann wie folgt aussehen:

[
  {
    "active": "always",
    "base": null,
    "custom": {
      ...
    },
    "descr": "Leichte Herren-Laufjacke mit reflektierenden Details",
    "id": "107-02485",
    "itemNumber": "RUN-001",
    "name": "Herren Laufjacke Pro",
    "price": 59.95,
    "taxRateId": "19",
    "variantSelection": {}
  },
  {
    "active": "always",
    "base": null,
    "custom": {
      ...
    },
    "descr": "Hochwertige Damen-Laufschuhe mit Dämpfungssystem",
    "id": "100-25229",
    "itemNumber": "SHOE-987",
    "name": "Damen Laufschuh Comfort",
    "price": 89.95,
    "taxRateId": "19",
    "variantSelection": {}
  }
]

Beispiele für den Datenzugriff

Prüfen, ob Produkte sich auf der Liste finden

In diesem Beispiel werden die Produkte mit $wsLastSeenProducts.load() einer Variable zugewiesen. Enthält die Variable Daten, bedeutet dies, dass sich Produkte in der Liste befinden.

{{ var $cLastSeenProducts = $wsLastSeenProducts.load() }}
  {{ if $cLastSeenProducts > 0 }}
    <h2>Zuletzt gesehene Produkte</h2>
    ..
  {{ /if }}
{{ /if }}

Produkte anzeigen

Im folgenden Beispiel werden die zuletzt angesehenen Produkte aus der Variable in einer foreach Schleife geladen und ihre Produktdaten angezeigt.

{{ var $cLastSeenProducts = $wsLastSeenProducts.load() }}
{{ if $cLastSeenProducts > 0 }}
   {{ foreach $cProduct in $cLastSeenProducts }}
      <p>Produktname: {{= $cProduct.name }}</p>
      <a href="{{= $wsViews.url('Product', {productId: $cProduct.id}) }}">{{= $cProduct.name }}</a>
      <img src="{{= $cProduct.custom.image.normal }}" alt="...">
   {{ /foreach }}
{{ /if }}

Referenz

In der Modul-Referenz für $wsLastSeenProducts finden Sie eine Übersicht aller verfügbaren Eigenschaften und Parameter.