Kuhlware Startseiten-Banner mit transparentem Header

Der erste Eindruck zählt: Ein großes Bild oder Video über die gesamte Breite macht deine Startseite zum Blickfang.

Das Kuhlware Startseiten-Banner platziert ein Bild oder ein Video ganz oben auf deiner Startseite. Auf Wunsch wird der Header transparent und legt sich über das Banner. Ein Text-Teaser mit Titel, Untertitel und Button führt Besucher direkt zu deiner Kampagne, Kategorie oder Landingpage.

Das bringt dir das Plugin

• Ein starker Einstieg mit Bild oder Video, ohne ein eigenes Layout bauen zu müssen.
• Ein Text-Teaser, den du an neun Positionen platzieren und in Farben und Ausrichtung anpassen kannst.
• Mehrsprachige Shops profitieren: Texte und Link sind pro Sprache pflegbar, Kategorie- und Landingpage-Links entstehen automatisch in der jeweiligen Sprache.

So funktioniert es

Das Banner erscheint ausschließlich auf der Startseite. Du wählst in der Plugin-Konfiguration den Banner-Typ, suchst die Datei in der Medienverwaltung aus und schaltest bei Bedarf den transparenten Header ein. Videos laufen automatisch, stumm und in Schleife. Beim Bild-Banner ist der Hintergrund fixiert, auf iOS-Geräten wird er normal mitgescrollt.

Konfiguration im Überblick

• Banner aktivieren, Typ (Bild oder Video) und Medium wählen, Höhe des Video-Banners festlegen
• Transparenten Header aktivieren
• Text-Teaser: Position, Textausrichtung, Hintergrund- und Textfarbe, Untertitel und Button ein- oder ausschalten
• Link-Typ Extern, Intern, Kategorie oder Landingpage, optional ein Link pro Sprache

Voraussetzungen und Kompatibilität

Das Plugin ist für Shopware 6.6 und 6.7 ausgelegt. Die Texte des Teasers sind als Textbausteine hinterlegt (mit Beispieltexten), die du nach der Installation durch deine eigenen ersetzt. Der transparente Header ist auf das Standard-Layout von Shopware abgestimmt, bei stark angepassten Headern solltest du die Darstellung einmal prüfen.

1. Plugin im Plugin-Manager installieren und aktivieren.
2. Cache leeren und das Theme neu kompilieren.
3. Unter Erweiterungen > Meine Erweiterungen > Kuhlware Startseiten-Banner > Konfigurieren „Aktivieren des Banners“ einschalten, den Banner-Typ (Bild oder Video) wählen und die Datei aus der Medienverwaltung auswählen.
4. Bei Bedarf „Aktivieren des transparenten Headers“ einschalten. Bei einem Video-Banner kannst du außerdem die Höhe festlegen, zum Beispiel 576px.
5. Im Bereich „Text-Teaser Konfiguration“ den Teaser aktivieren, Position, Textausrichtung und Farben wählen sowie Untertitel und Button-Link ein- oder ausschalten.
6. Titel, Untertitel und Button-Text über die Textbaustein-Felder für jede Sprache anpassen und den Link-Typ mit Ziel (URL, Kategorie oder Landingpage) festlegen.
7. Speichern und die Startseite im Shop prüfen.