Der Hero Slider ist ein rotierendes Hero-Banner mit bis zu vier Slides, jede mit eigenem Bild, eigener Überschrift, eigenem Untertext und eigenem Button. Er rotiert automatisch, mit Pfeilen und Punkten, und Sie wählen, ob der Text neben dem Bild steht oder über einem randlosen Bild liegt. Nutzen Sie ihn als Hero auf der Startseite, als Kampagnenbanner oder für eine saisonale Aktion. Die Platzierung legen Sie im Schritt Location der Aktion fest.
Wann Sie ihn einsetzen
- Hero auf der Startseite — mehrere Botschaften oder Angebote in einem prominenten Banner rotieren lassen.
- Kampagne / saisonale Aktion — mehrere Produkte oder Themen an einem Platz präsentieren.
- Ankündigungen mit Bildern — wenn eine reine Textleiste nicht reicht und Sie Bildmaterial möchten.
Zu einer Aktion hinzufügen
Wählen Sie in einer Popup-Aktion Hero Slider. Legen Sie Layout und Übergang fest und füllen Sie dann jede Slide aus. Slides 1 und 2 sind standardmäßig aktiv; schalten Sie Slides 3 und 4 in ihren Abschnitten ein, wenn Sie sie brauchen.
Layout full oder image
Die Einstellung Layout (in Style) wechselt den Look: full stellt den Text auf die eine Seite und das Bild auf die andere; image nutzt ein randloses Bild, über dem der Text unten links auf einem sanften Farbverlauf liegt. Alles andere — Slides, Rotation, Pfeile, Punkte — funktioniert in beiden Fällen gleich.
Slides bearbeiten
Jede Slide hat eigene Felder Eyebrow, Title, Subtext, Image und Button (Text + Link). Mit der Auswahl Image wählen Sie aus Ihrer Mediathek; der Slider bringt saubere Standardgrafiken mit, sodass er fertig aussieht, bevor Sie sie austauschen. Schalten Sie Slides mit dem Schalter Show Slide im Abschnitt der jeweiligen Slide ein oder aus — der Slider passt sich an die Zahl der aktiven Slides an.
Rotation & Navigation
Slides rotieren automatisch alle paar Sekunden (stellen Sie Rotate Every in Style ein). Besucher können auch die Pfeile und Punkte nutzen — ein Klick darauf setzt den Timer zurück. Die Einstellung Transition legt fest, wie Slides wechseln: slide (horizontal) oder fade. Pfeile und Punkte lassen sich im Abschnitt Navigation jeweils ausschalten.
Einstellungen
- Preset — dark, light oder brand.
- Layout — full oder image.
- Transition — slide oder fade.
- Size — compact, default oder spacious (steuert Bannerhöhe und Textgröße).
- Rotate Every — Sekunden, die jede Slide angezeigt wird.
- Navigation — Pfeile und Punkte ein- oder ausblenden.
- Close Button — nutzt den Standard-Schließen-Button von Personyze; Stil und Verhalten sind bearbeitbar, die Sichtbarkeit lässt sich auf „immer“ oder „bei Hover“ stellen.
Tipps
- Halten Sie Überschriften kurz — eine Zeile liest sich über alle Slides am besten.
- Verwenden Sie Bilder mit ähnlichen Maßen, damit die Slides nicht in der Höhe springen.
- Für einen schlanken, rotierenden Streifen nur mit Text statt eines vollen Banners verwenden Sie die Rotating Announcement Bar.
Weiterführende Lektüre
- Website-Popup-Vorlagen — alle 16 Vorlagen und wie Sie das richtige Format wählen.