PrestaShop Design & Navigation

Video Background — Video-Hero für Startseite & Kategorien

Selbst gehostete Video-Hero-Sektionen — null Drittanbieter-Cookies

Verwandeln Sie Ihre Startseite und Kategorieseiten mit bildschirmfüllenden Videobannern: selbst gehostetes Video ohne YouTube oder Vimeo, intelligentes Lazy Loading und automatisches Bild-Fallback auf Mobilgeräten.

Auf einen Blick
  • Bildschirmfüllender Video-Hero auf Startseite und Kategorieseiten
  • Selbst gehostetes MP4- + WebM-Video: kein YouTube- oder Vimeo-Aufruf, null Drittanbieter-Cookies
  • Lazy Loading: das Video wird erst beim Eintritt in den Viewport geladen
  • Bild-Fallback auf Mobilgeräten: kein einziges Video-Byte unterhalb des Breakpoints
  • Mehrsprachiges Overlay mit Titel, Untertitel und Call-to-Action-Button
PrestaShop 8 PrestaShop 9 Multistore DSGVO
  • 30 Tage Rückgaberecht
  • 12 Monate Updates
  • 24-h-Support
www.datafirefly.com/de/
Video-Hintergrund-Hero auf einer PrestaShop-Startseite ohne Cookies
v1.0.0 · aktualisiert 2026-07-16
Was es leistet

Die Kurzfassung.

01

Null Cookies, null Tracker

Das Video wird direkt von Ihrem Server über das native HTML5-Video-Tag ausgeliefert. Kein YouTube- oder Vimeo-iframe, keine Drittanbieter-Cookies, nichts für Ihr Consent-Banner: DSGVO-Konformität wird zum Verkaufsargument.

02

Intelligentes Lazy Loading

Die Videodatei wird erst heruntergeladen, wenn sich die Sektion dem Viewport nähert (IntersectionObserver, 200 px Rand). Die Wiedergabe pausiert automatisch außerhalb des Bildschirms, um Akku und Bandbreite zu schonen.

03

Mobil: Bild statt Video

Unterhalb des konfigurierbaren Breakpoints (standardmäßig 768 px) zeigt das Modul ein Fallback-Bild und lädt das Video nie herunter. Ihre mobilen Core Web Vitals bleiben unberührt.

04

Unbegrenzte mehrsprachige Sektionen

Erstellen Sie beliebig viele Sektionen: eine pro Kategorie, eine für die Startseite. Titel, Untertitel, Button, Link und Alt-Text sind in alle Shop-Sprachen übersetzbar.

Die ausführliche Fassung

Alles, was Sie wissen sollten bevor Sie installieren.

Ein detaillierter Blick darauf, wie Video Background — Video-Hero für Startseite & Kategorien funktioniert, warum wir es so gebaut haben und der Gedanke hinter den Funktionen oben.

§ 01

Ein Videobanner, das verkauft — ohne die DSGVO zu opfern

Hintergrundvideo ist einer der stärksten visuellen Hebel für eine E-Commerce-Startseite: Es inszeniert Ihre Produkte, schafft eine Markenwelt und erhöht die Verweildauer. Das Problem der üblichen Lösungen: Ein YouTube- oder Vimeo-Embed setzt Drittanbieter-Cookies, verlangsamt die Seite mit über einem Megabyte JavaScript und zwingt Sie, die Anzeige an die Einwilligung zu koppeln. Video Background geht den umgekehrten Weg: Das Video liegt auf Ihrem eigenen Server und wird über das native HTML5-Video-Tag abgespielt. Das Ergebnis: null Cookies, null externe Anfragen, nichts im Consent-Banner zu deklarieren.

§ 02

Für Performance gebaut: Lazy Loading und mobiles Fallback

Ein schlecht integriertes Video kann Ihre Core Web Vitals ruinieren. Das Modul lädt die Datei erst, wenn sich die Sektion dem Viewport nähert, pausiert die Wiedergabe beim Verlassen des Bildschirms und sendet das Video nie an mobile Besucher: Unterhalb des von Ihnen definierten Breakpoints übernimmt ein optimiertes Fallback-Bild mit eigenem Alt-Text. Besucher mit aktivierter Bewegungsreduzierung behalten das Posterbild — ohne unnötigen Download.

§ 03

Maßgeschneiderte Sektionen für Startseite und jede Kategorie

Erstellen Sie eine Hero-Sektion für die Startseite, eine weitere für Ihre Top-Kategorie, eine dritte für den Sale: Jede Sektion hat ihr eigenes MP4-Video mit optionaler WebM-Variante, ihr Poster, ihr Mobilbild, ihre Höhe in vh oder Pixeln, ihr farbiges Overlay mit einstellbarer Deckkraft und ihren Inhaltsblock — Titel, Untertitel und Call-to-Action-Button — übersetzbar in alle Shop-Sprachen. Die Anzeigereihenfolge wird per Drag-and-drop verwaltet.

§ 04

In fünf Minuten installiert, keine technischen Einstellungen

Zip installieren, erste Sektion anlegen, Video hochladen: fertig. Das Modul nutzt die Standard-Hooks von PrestaShop, verändert keine Theme-Dateien und funktioniert mit jedem Classic-basierten Theme. Uploads werden serverseitig geprüft (MIME-Typ, Endung, konfigurierbare Maximalgröße) und Dateien beim Ersetzen oder Löschen einer Sektion automatisch bereinigt.