Slider Pro

Premium-Bilder-Slider mit unbegrenzten Slides, Transitions, Video, Lightbox

Slider Pro ist die Premium-Version von Slider Free. Damit baust du professionelle Slider mit unbegrenzten Bildern, vier Transition-Effekten, Lightbox-Vergroesserung, Video-Slides (YouTube/Vimeo), Touch-Swipe und Multi-Slider pro Seite. Ideal fuer Sender mit grossem Bilder-Pool, Festival-Sender oder Sender die mehrere Slider parallel nutzen wollen.

Was du konkret damit machen kannst

Unbegrenzte Slides

Kein 5er-Limit wie in der Free-Variante. Lade 10, 50 oder 200 Bilder rein. Auto-Wechsel oder manuell.

Vier Transition-Effekte

• Fade (sanftes Ein-/Ausblenden, Standard)
• Slide (horizontal von rechts/links)
• Zoom (Bild zoomt waehrend Wechsel)
• Kenburns (Bild bewegt sich + zoomt - kinoreif)

Multi-Slider pro Seite

Mehrere Slider gleichzeitig: einen oben auf der Startseite, einen nach dem Player, einen unten. Jeder mit eigener Konfiguration. Jeder mit eigenem Set an Bildern.

Video-Slides

Statt Bild ein YouTube- oder Vimeo-Video als Slide. URL einfuegen, Plugin erkennt den Provider automatisch.

Lightbox

Klick auf ein Bild oeffnet es in voller Groesse als Overlay mit dunklem Hintergrund. Tastatur-Navigation, Schliessen mit Escape oder Klick auf den Rand.

Custom-Hoehe pro Slide

Standard-Hoehe wird im Slider eingestellt, aber einzelne Slides koennen abweichen. Praktisch wenn ein Bild Hochformat ist.

Responsive-Breakpoints

Separate Hoehe fuer Desktop und Mobile. Standard 500px Desktop, 300px Mobile.

Touch-Swipe + Tastatur

Native Touch-Bedienung dank Swiper.js. Pfeil-Tasten auf Desktop, Wischen auf Mobile.

Installation und Aktivierung

1. Admin -> Plugins -> Tab Marketplace
2. Slider Pro finden, lila „PRO"-Badge, 39 EUR
3. Plugin laden + Lizenz klicken
4. Lizenzschluessel im Format RCMS-XXXX-XXXX-XXXX-XXXX einfuegen
5. Speichern und pruefen -> Plugin wird installiert
6. Aktivieren klicken
7. Sidebar-Link „Slider Pro" erscheint im Admin-Bereich

Eine Default-Slider-Konfiguration wird automatisch angelegt.

So nutzt du es, Schritt fuer Schritt

Schritt 1: Slider anlegen oder konfigurieren

1. Admin -> Slider Pro
2. Default-Slider „Standard-Slider" anklicken oder Neuer Slider -> Name, Slug, Position
3. Settings anpassen:
   • Position: Startseite oben / nach Player / unten
   • Transition: fade / slide / zoom / kenburns
   • Auto-Play + Intervall
   • Hoehe Desktop und Mobile
   • Show Captions/Dots/Pfeile/Loop/Lightbox
4. Speichern

Schritt 2: Slide hinzufuegen (Bild)

1. Slide hinzufuegen klicken
2. Tab Bild-Slide
3. Bild waehlen (JPG, PNG, WebP, GIF, max 10 MB, empfohlen 1920x1080)
4. Caption (DE/EN) optional
5. Link-URL + Target („gleicher Tab" oder „neuer Tab")
6. Custom-Hoehe optional (uebersteuert die Standard-Hoehe nur fuer diesen Slide)
7. Hinzufuegen

Schritt 3: Slide hinzufuegen (Video)

1. Slide hinzufuegen klicken
2. Tab Video-Slide
3. YouTube- oder Vimeo-URL einfuegen (zum Beispiel https://youtu.be/abc123 oder https://vimeo.com/123456)
4. Caption + Link wie bei Bild-Slide
5. Hinzufuegen

Schritt 4: Reihenfolge per Drag-Drop aendern

• Am Grip-Symbol ziehen
• Aenderungen werden auto gespeichert

Schritt 5: Mehrere Slider anlegen

1. Zurueck zur Slider Pro Uebersicht
2. Neuer Slider -> anderer Slug, andere Position
3. Beim Rendern werden alle aktiven Slider an ihren konfigurierten Positionen eingeblendet

Transition-Effekte im Detail

Fade (Standard)

Eines verschwindet, das naechste erscheint. Subtil und elegant. Empfohlen fuer Banner mit Text.

Slide

Klassisches horizontales Wechseln. Bilder schieben sich von rechts oder links rein. Gut sichtbar dass es mehrere Bilder gibt.

Zoom

Bild zoomt langsam waehrend es angezeigt wird, dann Fade-Wechsel. Wirkt cineastisch. Funktioniert am besten mit grossen Hintergrund-Fotos.

Kenburns

Bild bewegt sich langsam (zum Beispiel von links nach rechts) und zoomt gleichzeitig. Nimmt 7 Sekunden pro Slide. Sehr filmisch, ideal fuer Hero-Banner.

Tipps fuer professionelle Slider

• Hochformat-Bilder mit Custom-Hoehe nutzen, sonst verzerrt
• Slide-Dauer mindestens 4 Sekunden, damit Hoerer es wahrnehmen
• Kenburns braucht 7+ Sekunden Intervall, weil die Animation laenger dauert
• Multi-Slider: unterschiedliche Transitions wirken, gleichzeitige Fade-Slider ueberall = langweilig
• Video-Slides koennen Performance kosten, max 1-2 pro Slider
• Caption muss lesbar sein, Bilder mit dunklem unteren Drittel waehlen
• Lightbox macht Sinn fuer detailreiche Bilder (Konzert-Fotos, Sender-Studio)

Was Slider Pro NICHT macht (Stand v1.0.0)

• Slider per Shortcode in Pages einbinden (kommt v1.0.1)
• Live-Preview im Admin (kommt v1.0.1)
• Eigene CSS-Templates ohne Code (kommt v1.1)
• Animationen pro Slide (Text fadet anders rein als Bild)
• Slider in eigene Sections (Section-Manager-Integration in v1.0.1)

Membership-Pro-Integration (geplant v2.0)

Wenn Membership Pro spaeter installiert wird, kann Slider Pro pro Slide eine Min-Tier setzen. Dann sehen nur Member den entsprechenden Slide. Wird nachgereicht.

Kontakt

• RadioCMS-Hub: https://dgnshop.com/radiocms/hub/
• Lizenz-Probleme: Hub-Admin kontaktieren
• Bug-Reports: GitHub