> ## Documentation Index
> Fetch the complete documentation index at: https://docs.dreizack-medien.de/llms.txt
> Use this file to discover all available pages before exploring further.

# Zuletzt angesehen

# Allgemeine Beschreibung

Das "Zuletzt angesehen" Slider Portlet zeigt die zuletzt vom Besucher angesehenen Artikel als Slider an, damit dieser einfach zu vorherigen Produkten zurückfinden kann.

# Einsatzmöglichkeiten (Inspiration)

* **Wiedereinstieg erleichtern:** Hilf Besuchern, zuvor betrachtete Artikel schnell wiederzufinden.
* **Cross-Selling:** Platziere den Slider z. B. am Ende der Produktdetailseite oder im Warenkorb.

***

# Settings:

## Allgemein

<div className="border border-[#DFE1E1] rounded-2xl overflow-hidden dark:border-transparent">
  <Frame>
    <img src="https://mintcdn.com/dzm/5yI44_TalYoOc6bU/images/opc-plus-zuletzt-angesehen-allgemein.jpg?fit=max&auto=format&n=5yI44_TalYoOc6bU&q=85&s=76aa47ff7300366bc22e7c5e4efb5f5d" alt="Allgemein" width="1278" height="536" data-path="images/opc-plus-zuletzt-angesehen-allgemein.jpg" />
  </Frame>
</div>

**Anzahl von Produkten:** Lege fest, wie viele zuletzt angesehene Produkte maximal im Slider angezeigt werden sollen.

<Warning>
  Diese Einstellung wird nur funktionieren, wenn der Wert in der Portleteinstellung kleiner oder gleich dem Wert in der Shopeinstellung *559* ist.
</Warning>

***

## Darstellung

<div className="border border-[#DFE1E1] rounded-2xl overflow-hidden dark:border-transparent">
  <Frame>
    <img src="https://mintcdn.com/dzm/5yI44_TalYoOc6bU/images/opc-plus-zuletzt-angesehen-darstellung.jpg?fit=max&auto=format&n=5yI44_TalYoOc6bU&q=85&s=074486372ab8b6988d3e76ad361085f1" alt="Darstellung" width="1282" height="770" data-path="images/opc-plus-zuletzt-angesehen-darstellung.jpg" />
  </Frame>
</div>

**Slider Typ:** Lege fest, ob die Slider sich endlos wiederholen oder mit dem letzten Element enden sollen (Standardwert: Endlos (wiederholend)).

**Design:** Wähle das Design der Produktkachel:

* Clean
* Bordered
* Cards

### Darstellung Einstellen

**Vor- und Zurückbutton anzeigen?:** Aktiviere die Navigationsbuttons des Sliders.

**Seitenindexierung anzeigen?:** Aktiviere die Punktnavigation unter dem Slider.

**Vor- und Zurückbutton Typ:** Wähle die Darstellung der Navigationsbuttons (z. B. Chevron (>)).

***

## Größe und Abstände

<div className="border border-[#DFE1E1] rounded-2xl overflow-hidden dark:border-transparent">
  <Frame>
    <img src="https://mintcdn.com/dzm/5yI44_TalYoOc6bU/images/opc-plus-zuletzt-angesehen-groesse-abstaende.jpg?fit=max&auto=format&n=5yI44_TalYoOc6bU&q=85&s=7a863c344baa1ec2596f35ad79064f35" alt="Größe und Abstände" width="1274" height="1170" data-path="images/opc-plus-zuletzt-angesehen-groesse-abstaende.jpg" />
  </Frame>
</div>

### Slides - Darstellung

**Anzahl der sichtbaren Slides je Displaygröße:** Lege für die folgenden Breakpoints fest, wie viele Slides gleichzeitig sichtbar sein sollen:

* **XS:** \<576px
* **S:** ≥576px
* **M:** ≥768px
* **L:** ≥992px
* **XL:** ≥1200px

**Anzahl der Slides, um die verschoben wird:** Lege für dieselben Breakpoints fest, um wie viele Slides pro Klick oder Wisch weitergeschaltet wird.

### Slides - Größe und Abstände

**Lücke zwischen Slides:** Wähle den Abstand zwischen den einzelnen Slides (z. B. M (1rem)).

**Produkte rechts anschneiden:** Schneidet Produkte rechts ab, um zu zeigen, dass es noch mehr gibt.

***

## Bewegung

<div className="border border-[#DFE1E1] rounded-2xl overflow-hidden dark:border-transparent">
  <Frame>
    <img src="https://mintcdn.com/dzm/5yI44_TalYoOc6bU/images/opc-plus-zuletzt-angesehen-bewegung.jpg?fit=max&auto=format&n=5yI44_TalYoOc6bU&q=85&s=aa725310aa54abf39ad719a56098fb2b" alt="Bewegung" width="1264" height="984" data-path="images/opc-plus-zuletzt-angesehen-bewegung.jpg" />
  </Frame>
</div>

**Ausrichtung Slider:** Bestimmt die Laufrichtung des Sliders (z. B. links nach rechts).

**Übergangsgeschwindigkeit in Millisekunden:** Geschwindigkeit des Übergangs zwischen den Slides.

**Ziehen per Maus:** Lege fest, ob und wie der Slider per Maus gezogen werden kann:

* Erlauben mit Einrastpunkten
* Erlauben ohne Einrastpunkte
* Verbieten

### Optionen für Automatisches abspielen

**Automatisch abspielen aktivieren?:** Aktiviert das automatische Weiterschalten des Sliders.

**Abspielintervall in Millisekunden:** Zeitabstand zwischen den automatischen Übergängen.

**Pausieren bei Hover?:** Pausiert das automatische Abspielen, sobald der Nutzer mit der Maus über den Slider fährt.

<Note>
  Für weitere Einstellungen zum Layout, siehe den Tab **Layout** im Portlet selbst.
</Note>

***

# Beispiel

So erscheint der "Zuletzt angesehen" Slider im Frontend:

<div className="border border-[#DFE1E1] rounded-2xl overflow-hidden dark:border-transparent">
  <Frame>
    <img src="https://mintcdn.com/dzm/5yI44_TalYoOc6bU/images/opc-plus-zuletzt-angesehen-beispiel.jpg?fit=max&auto=format&n=5yI44_TalYoOc6bU&q=85&s=1b824cbb3ffaa9075a1deb34cfcaad96" alt="Beispiel" width="1016" height="702" data-path="images/opc-plus-zuletzt-angesehen-beispiel.jpg" />
  </Frame>
</div>

***