PS PrestaShop PrestaShop Anfänger

Ankündigungsleiste & Countdown (dfannouncebar)

Ankündigungsleiste installieren und konfigurieren: Nachrichtenrotation, {countdown}-Timer, Sprach-/Länder-/Gruppen-Targeting und Zeitplanung.

Aktualisiert Modulversion 1.0.0

Überblick

Das Modul dfannouncebar fügt Ihrem PrestaShop-8- oder -9-Shop eine intelligente Ankündigungsleiste hinzu: mehrere rotierende Nachrichten in derselben Leiste, ein Live-Countdown, Targeting nach Sprache, Land und Kundengruppe, Zeitplanung und ein per Cookie gemerkter Schließen-Button. Drei Positionen stehen zur Verfügung: oben auf der Seite, oben fixiert (sticky) und unten fixiert.

Installation

  1. Öffnen Sie im Back Office Module → Modul-Manager → Modul hochladen.
  2. Laden Sie die Datei dfannouncebar.zip hoch und klicken Sie auf Installieren.
  3. Klicken Sie auf Konfigurieren, um die Modulseite zu öffnen.

Bei der Installation legt das Modul eine inaktive Beispiel-Leiste mit einer mehrsprachigen Nachricht an (Code HELLO10 und Countdown auf 7 Tage): Aktivieren Sie sie, um das Ergebnis sofort zu sehen, und passen Sie sie dann an oder löschen Sie sie.

Keine Abhängigkeiten: kein Composer, kein jQuery. Die JS- und CSS-Dateien des Moduls werden im Frontend nur geladen, wenn mindestens eine Leiste aktiv ist.

Allgemeine Konfiguration

Die Konfigurationsseite enthält eine globale Einstellung: den Anzeige-Hook für die Position „oben auf der Seite“.

  • displayBanner (Standard): die übliche Position oberhalb des Headers im Classic-Theme.
  • displayTop: Fallback, falls Ihr Theme displayBanner nicht deklariert.

Ein interner Schutz verhindert eine Doppelanzeige, falls Ihr Theme beide Hooks ausführt. Die fixierten Positionen (oben fixiert und unten fixiert) hängen nicht von dieser Einstellung ab.

Eine Leiste anlegen

Klicken Sie auf der Konfigurationsseite auf Leisten verwalten. Jede Leiste besitzt:

  • Position: oben auf der Seite, oben fixiert (folgt dem Scrollen) oder unten fixiert. Das Modul gleicht das Seiten-Padding bei fixierten Positionen automatisch aus.
  • Priorität: Zielen mehrere Leisten auf dieselbe Position, wird nur die mit dem niedrigsten Prioritätswert angezeigt.
  • Farben: Hintergrund und Text, über CSS-Variablen angewendet.
  • Rotation: Intervall in Sekunden zwischen zwei Nachrichten. Die Rotation pausiert bei Hover.
  • Schließen: optionaler Schließen-Button; die Cookie-Lebensdauer (in Stunden) bestimmt, wann die Leiste wieder erscheint.
  • Zeitplanung: Start- und Enddatum im Format JJJJ-MM-TT, automatisch ergänzt auf 00:00:00 und 23:59:59.
  • Shop: Im Multistore kann eine Leiste global oder auf einen Shop beschränkt sein.

Nachrichten und Countdown

In der Leistenliste öffnet die Aktion Nachrichten die Nachrichten der Leiste. Jede Nachricht ist mehrsprachig und umfasst:

  • Text: der angezeigte Inhalt. Fügen Sie den Platzhalter {countdown} dort ein, wo der Timer erscheinen soll.
  • Enddatum: das Ziel des Countdowns, dargestellt im Format Xd HH:MM:SS und jede Sekunde aktualisiert (das Tage-Label ist übersetzbar).
  • Nach Ablauf ausblenden: Die Nachricht verschwindet zum Enddatum automatisch, im Browser und auf dem Server (es wird nie totes HTML ausgeliefert).
  • Aktionsbutton: optionaler Text und URL, dargestellt als Pill-Button.
  • Reihenfolge: die Position der Nachricht in der Rotation.

Beispiel: „Sommer-Sale: -20 % mit Code HELLO10 — endet in {countdown}“. Laufen alle Nachrichten einer Leiste ab, zieht sich die Leiste von selbst zurück.

Targeting

Jede Leiste kann eingeschränkt werden nach:

  • Sprachen: Die Leiste erscheint nur für die ausgewählten Sprachen.
  • Ländern: basierend auf dem Land des PrestaShop-Kontexts; die Genauigkeit steigt, wenn die IP-Geolokalisierung unter International → Lokalisierung aktiviert ist.
  • Kundengruppen: Besucher, Gäste, Kunden oder jede benutzerdefinierte Gruppe (VIP, B2B…).

Ein leeres Feld bedeutet „alle“. Die drei Kriterien wirken kombiniert.

Fehlerbehebung

  • Die Leiste erscheint nicht oben auf der Seite: Ihr Theme deklariert vermutlich displayBanner nicht; stellen Sie den Anzeige-Hook in der Konfiguration auf displayTop um.
  • Die Leiste erscheint gar nicht: Prüfen Sie, ob sie aktiv ist, ob die Zeitplanung das heutige Datum abdeckt, ob das Targeting zu Ihrem Testprofil passt und ob keine Leiste mit niedrigerer Priorität dieselbe Position belegt. Denken Sie auch an das Schließen-Cookie: Öffnen Sie ein privates Browserfenster.
  • Der Countdown erscheint nicht: Stellen Sie sicher, dass die Nachricht {countdown} enthält und ein zukünftiges Enddatum gesetzt ist.
  • Zwei Leisten erscheinen oben: Der Anzeige-Hook wurde möglicherweise geändert, während ein Seiten-Cache die alte Version auslieferte; leeren Sie den PrestaShop-Cache.
War diese Seite hilfreich?

Immer noch nicht weiter? Support kontaktieren