> ## 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.

# Countdown Plus

# Allgemeine Beschreibung

Das "Countdown Plus" Portlet ist ein leistungsstarkes Tool, um Dringlichkeit zu erzeugen oder auf zeitkritische Ereignisse hinzuweisen. Egal ob für limitierte Verkaufsaktionen, Produktlaunches oder den Versand-Cutoff – ein visuell ansprechender Timer motiviert Kunden zur schnelleren Interaktion (FOMO-Effekt). Du hast dabei volle Kontrolle über das Design, das Verhalten nach Ablauf der Zeit und wiederkehrende Intervalle.

# Einsatzmöglichkeiten (Inspiration)

* **Flash Sales & Aktionen:** "Nur noch 2 Stunden: 20% Rabatt auf alles!" – Erzeuge Kaufdruck durch klare Fristen.
* **Product Launches:** "Die neue Kollektion ist online in..." – Baue Spannung für neue Artikel auf.
* **Versand-Countdown:** "Bestelle innerhalb von 30 Min für Versand heute." – Erhöhe die Conversion-Rate kurz vor Annahmeschluss.
* **Wiederkehrende Events:** Nutze den Timer für wöchentliche Aktionen wie "Happy Hour jeden Sonntag".

***

# Featureübersicht:

* **Flexible Timer-Typen:** Wähle zwischen einem festen Enddatum oder wiederkehrenden Intervallen.
* **Design-Vielfalt:** Verschiedene Stile (z. B. Cards, Alerts, Clean) und Zeitanzeigen (Digitaluhr vs. Text).
* **Intelligente Ablauf-Logik:** Bestimme genau, was passiert, wenn die Zeit abgelaufen ist (Ausblenden, Text ändern, Neustart).
* **Text-Integration:** Füge nahtlos Texte vor und nach dem Timer ein, um den Kontext zu erklären.

***

# Settings:

## Allgemein

<Frame>
  <img src="https://mintcdn.com/dzm/H8G7DUteKrc2SEaN/images/image-90.png?fit=max&auto=format&n=H8G7DUteKrc2SEaN&q=85&s=4f1b70f50c1cba0e402fe85584ff296e" alt="Image" width="1432" height="864" data-path="images/image-90.png" />
</Frame>

***

**Timer Typ:** Hier legst du die grundlegende Funktionsweise fest.

* *Einmaliges Ende:* Der Countdown läuft auf ein festes Datum/Uhrzeit zu.
* *Wiederholend:* Der Countdown startet nach Ablauf neu (z. B. täglich oder wöchentlich).

**fixes Enddatum:** Wähle das genaue Datum und die Uhrzeit, wann der Countdown enden soll (nur bei "Einmaliges Ende").

**Text vor dem Countdown:** Ein optionaler Text, der direkt links oder über dem Timer steht (z. B. "Angebot endet in:").

**Text nach dem Countdown:** Ein optionaler Text, der direkt rechts oder unter dem Timer steht.

***

## Darstellung

Hier definierst du das optische Erscheinungsbild des Timers.

<Frame>
  <img src="https://mintcdn.com/dzm/H8G7DUteKrc2SEaN/images/image-91.png?fit=max&auto=format&n=H8G7DUteKrc2SEaN&q=85&s=4b0c9e1abc2c3f9e964dd77292b87198" alt="Image" width="1420" height="1104" data-path="images/image-91.png" />
</Frame>

***

**Schreibstil der Zeiteinheiten:** Bestimme, wie die Zeit dargestellt wird.

* *Ausgeschrieben:* Tage, Stunden, Minuten (lang).
* *Abgekürzt:* T, Std, Min.
* *Digitaluhr:* Klassische Doppelpunkt-Trennung (00:00:00).
* *Nur das Enddatum anzeigen:* Zeigt statt des Countdowns das Zieldatum.

**Abgelaufene Timerbereiche ausblenden:** Wenn aktiviert, werden Zeiteinheiten, die auf "0" stehen, ausgeblendet (z. B. werden "Tage" nicht mehr angezeigt, wenn es nur noch wenige Stunden sind).

**Textfarbe des Countdowns:** Passe die Farbe der Ziffern und Texte an dein Design an.

**Ausrichtung des Inhalts:** Lege fest, ob der Timer linksbündig, zentriert oder rechtsbündig im Container stehen soll.

**Stil des Widgets:** Wähle aus vorgefertigten Design-Templates.

* *Auswahlmöglichkeiten:* Clean, Card, Bordered, Full, Alert Info, Alert Warning, Alert Danger, Alert Success.

**Stil des Widgets, wenn abgelaufen:** Definiere ein abweichendes Design, sobald der Timer 0 erreicht hat.

* *Auswahlmöglichkeiten:* Clean, Card, Bordered, Full, Alert Info, Alert Warning, Alert Danger, Alert Success.

***

## Abgelaufener Countdown

Hier steuerst du das Verhalten, nachdem der Countdown 0 erreicht hat.

<Frame>
  <img src="https://mintcdn.com/dzm/H8G7DUteKrc2SEaN/images/image-89.png?fit=max&auto=format&n=H8G7DUteKrc2SEaN&q=85&s=7510ae8fac6af1c720fad25c0a626e5b" alt="Image" width="1430" height="468" data-path="images/image-89.png" />
</Frame>

***

**Was wird dargestellt, wenn der Timer abgelaufen ist:**

* *Komplett ausblenden:* Das gesamte Portlet verschwindet.
* *Timer ausblenden, Alternativtext anzeigen:* Der Countdown verschwindet, stattdessen erscheint eine definierte Nachricht (z. B. "Aktion beendet").
* *Nächstes Datum anzeigen:* Zeigt den Zeitpunkt des nächsten Intervalls an.
* *Countdown zum nächsten Enddatum starten:* Der Timer beginnt sofort wieder für das nächste Intervall zu laufen.