Smart Slider 3 Pro ist ein WordPress- und Joomla-Plugin zum Erstellen von Slidern, Karussells und Vollbildsektionen per visuellem Drag-and-Drop, ganz ohne Code. Das Plugin von Nextend kombiniert den Verzicht auf jQuery, 32 dynamische Quellen und über 120 Vorlagen und eignet sich für Hero-Bereiche von Firmenwebsites, WooCommerce-Shops und Agenturen.
Visueller Drag-and-Drop-Editor, Ebenen und Projekttypen
Smart Slider 3 Pro erstellt jeden Slide im visuellen Drag-and-Drop-Editor. Ebenen – etwa 24 bis 26 Typen, darunter Bilder, Überschriften, Texte, Buttons und Videos – werden in Zeilen und Spalten angeordnet oder im Absolute-Modus frei positioniert. Die Pro-Version schaltet alle vier Projekttypen frei (Slider, Block, Vollbild-Full-Page und Karussell), dazu eine Bibliothek mit über 120 Vorlagen sowie die Slide Library mit über 500 fertigen Slides.
Der Editor ähnelt einem kleinen Page Builder, der in einem einzigen Slide untergebracht ist. Statt Code zu schreiben, zieht man Elemente auf die Arbeitsfläche, und die Live-Vorschau zeigt das Ergebnis sofort auf Desktop, Tablet und Smartphone.
Vier Projekttypen: Slider, Block, Full-Page und Karussell
Die Pro-Version stellt vier Anzeigeformate für denselben Inhalt bereit:
- Slider – die klassische Diashow mit Pfeilen, Bullets, Miniaturansichten und Autoplay.
- Block – eine animierte Sektion, die in den Seiteninhalt eingebettet und wie ein fertiges Modul behandelt wird.
- Full-page – ein Vollbildlayout für Hero-Bereiche und Landingpages, das den gesamten Viewport ausfüllt.
- Carousel – mehrere Slides gleichzeitig sichtbar, mit fortlaufendem Durchlauf von Logos, Referenzen oder Produkten.
Die kostenlose Version beschränkt sich auf zwei Typen – Vollbild-Full-Page und Karussell gehören zur Pro-Version.
Ebenen und Positionierung (Default + Absolute)
Die kostenlose Version bietet sechs Ebenentypen: Bild, Überschrift, Text, Button, Vimeo und YouTube. Pro fügt achtzehn weitere hinzu, strukturelle und interaktive – zusammen etwa 24 bis 26 Typen. Die Ebenen werden im Default-Modus angeordnet (Zeilen und Spalten mit Flexbox, Verschachtelung und Abstandskontrolle) oder im Absolute-Modus frei an einer beliebigen Stelle des Slides positioniert.
Der Editor unterstützt Lineal und Hilfslinien, ein Raster, Tastenkombinationen, Kopieren und Einfügen sowie Rückgängig machen und Wiederholen. Fertige Slider werden per Import und Export einer .ss3-Datei zwischen Websites übertragen.
Vorlagenbibliothek und Slide Library
Die Pro-Version öffnet eine Bibliothek mit über 120 kompletten Slider-Vorlagen, während die kostenlose Version vierzehn bietet. Hinzu kommt die Slide Library mit über 500 einzelnen Slides, gruppiert in einheitliche UI-Sets (u. a. Monolith, Nala, Orion). Eine Vorlage wird mit einem Klick importiert und anschließend Ebene für Ebene bearbeitet – von Text und Farben bis zu Animationen.
Ebenen-Animationen, Ken Burns, Parallax und WebGL-Effekte
Animationen entstehen in Smart Slider 3 Pro auf einer Zeitachse (Live-Timeline), die das Ein- und Ausblenden jeder Ebene, die Bewegungsart, das Easing und die Geschwindigkeit steuert. Die Pro-Version ergänzt den Ken-Burns-Effekt mit kinoreifem Bildzoom, Parallax, der auf Scrollen und Mausbewegung reagiert, Textanimationen auf Ebene von Absätzen, Wörtern und Zeichen, Partikel, Shape Divider sowie WebGL-basierte Morph- und Distortion-Übergänge.
Ebenen-Animationen mit Zeitachse (Timeline)
Die Zeitachse zeigt alle Ebenen eines Slides und ermöglicht es, ihr Erscheinen und Verschwinden präzise zu synchronisieren. Jeder Ebene lässt sich eine eigene Ein- und Ausblendanimation zuweisen, dazu Verzögerung, Dauer und Easing-Kurve.
Dieses Modell eignet sich besonders für Hero-Bereiche, in denen Überschrift, Untertitel und Button in einer bestimmten Reihenfolge einblenden und so den Rhythmus der Präsentation aufbauen.
Ken Burns, Parallax und Partikel
Der Ken-Burns-Effekt verleiht statischen Bildern einen langsamen Zoom und ein Schwenken, was Hintergründe belebt, ohne dass ein Video gedreht werden muss. Parallax und Mouse-Parallax erzeugen beim Scrollen und bei der Mausbewegung einen Tiefeneffekt, und der Partikel-Effekt fügt animierte Partikel im Hintergrund hinzu. Shape Divider zeichnet bewegte Wellen und schräge Trenner zwischen Sektionen.
Morph- und Distortion-Übergänge (WebGL)
Übergänge zwischen Slides umfassen in der Pro-Version Morph-Animationen sowie verzerrende Distortion-Effekte, die per WebGL gerendert werden. Hinzu kommt eine erweiterte Bibliothek mit Hintergrundanimationen – über 54 Varianten gegenüber neun in der kostenlosen Version, ein Teil davon für die neue Engine und den WebGL-Modus überarbeitet. Der Aktions- und Ereignismechanismus erlaubt zusätzlich, auf Klicks oder Scrollen der Nutzer zu reagieren.
Dynamische Slider aus WooCommerce, Beiträgen und Events
Smart Slider 3 Pro erzeugt Slider automatisch aus 32 dynamischen Quellen: WooCommerce-Produkten (nach Kategorie, Tag, Hervorhebung und Verfügbarkeit), Custom Post Types, Beiträgen, Events (The Events Calendar, Events Manager), Galerien sowie Social-Media-Quellen (YouTube, Facebook, Pinterest). Der Slider wird per Shortcode, Widget, Gutenberg-Block oder Modul für Elementor, Divi, Brizy und Beaver Builder eingebettet. Die kostenlose Version erzeugt Slides nur aus WordPress-Beiträgen.
Slider und Karussell für WooCommerce-Produkte
Der WooCommerce-Generator ruft Produkte nach Kategorie, Tag, Hervorhebungsstatus, Lagerverfügbarkeit oder Downloadfähigkeit ab und setzt daraus selbstständig Slides mit Kaufbutton zusammen. Statt jeden Slide manuell zu erstellen, konfiguriert der Shop die Regel einmal, und der Slider aktualisiert sich automatisch mit dem Sortiment. Das Karussell-Format (Carousel) zeigt dabei mehrere Produkte nebeneinander mit automatischem Durchlauf.
Dynamische Slider aus Beiträgen, Events und Galerien
Neben WooCommerce umfassen die dynamischen Quellen Beiträge und eigene Inhaltstypen, Eventkalender (The Events Calendar, Events Manager, All-in-One Event Calendar), Galerien (NextGEN Gallery, Photo Gallery by WD), Bilder aus einem Ordner, RSS sowie Social-Media-Kanäle. So zeigt der Blog die neuesten Artikel und eine Kalenderseite die anstehenden Events, ohne dass Slides manuell aktualisiert werden müssen.
Einbetten in Elementor, Divi und Gutenberg
Ein fertiger Slider lässt sich an beliebiger Stelle der Seite einfügen – per Shortcode, Widget, eigenem Gutenberg-Block (aktualisiert auf Block API v3) oder Page-Builder-Modul. Smart Slider 3 Pro arbeitet mit Elementor, Divi, Beaver Builder, Brizy, WPBakery sowie dem Page Builder by SiteOrigin zusammen. Unabhängig vom Einbettungsort behält der Slider dieselbe Konfiguration, und die integrierte Lightbox vergrößert Bilder per Klick.
Performance, Responsivität und SEO des Sliders
Smart Slider 3 Pro verzichtet auf jQuery und lädt optimiertes JavaScript, unterstützt WebP, Lazy Load sowie Preload von Ressourcen, was den Einfluss des Sliders auf die Ladezeit und die Web Vitals begrenzt. Jeder Slide wird einzeln für Desktop, Tablet und Mobile mit eigenen Breakpoints angepasst, und das Markup enthält alt-Attribute sowie Barrierefreiheits-Verbesserungen wie aria-current, role=“group“ und aria-hidden für inaktive Slides.
Kein jQuery und Ressourcenoptimierung (WebP, Lazy Load)
Der Verzicht auf jQuery ist einer der Hauptgründe, warum Smart Slider leichter läuft als ältere Slider. Bilder werden in das Format WebP konvertiert und in ihrer Größe begrenzt, und Lazy Load verzögert das Laden von Ressourcen außerhalb des ersten sichtbaren Bereichs. Preload und native CSS-Media-Queries verkürzen zusätzlich die Blockierzeit beim Rendern.
Responsivität und eigene Breakpoints
Responsivität ist fest eingebaut, und jeder Slide wird unabhängig für Desktop, Tablet und Smartphone angepasst. Eigene Breakpoints sowie die Steuerung der Ebenensichtbarkeit erlauben es, überflüssige Elemente auf kleinen Bildschirmen auszublenden und die Typografie neu zu skalieren.
SEO und Barrierefreiheit (Accessibility)
Der Slider erzeugt korrektes Markup mit alt- und title-Attributen für Bilder und Miniaturansichten. Neuere Versionen ergänzen Barrierefreiheits-Verbesserungen: aria-current für die aktive Miniaturansicht, role=“group“ und aria-label für den Navigationscontainer sowie aria-hidden für nicht sichtbare Slides. Der Textinhalt der Ebenen bleibt im Seitencode erhalten und ist damit für Suchmaschinen lesbar.
Für wen sich Smart Slider 3 Pro am besten eignet
Smart Slider 3 Pro eignet sich für Betreiber von Firmenwebsites und Landingpages, die animierte Hero-Bereiche mit CTA aufbauen, für WooCommerce-Shops, die Produkte präsentieren, sowie für Agenturen, die fertige Slider zwischen Projekten übertragen. Dank der dynamischen Quellen ist es auch für Blogger und Content-Ersteller nützlich. Für einfache Bilddiashows ohne Animation reichen häufig leichtere Plugins aus.
Firmenwebsites, Landingpages und WooCommerce-Shops
Die häufigsten Anwendungsfälle konzentrieren sich auf einige Szenarien:
- Vollbild-Hero-Bereich einer Dienstleistungsseite oder One-Page-Website mit animierten Textebenen, Button und Parallax.
- Slider oder Karussell mit WooCommerce-Produkten, automatisch generiert nach Kategorie, Hervorhebung und Verfügbarkeit.
- Karussell mit Kundenlogos oder Referenzen mit fortlaufendem, automatischem Durchlauf.
- Galerie oder Portfolio mit Lightbox und Ken-Burns-Effekt.
Agenturen, Freelancer und Content-Ersteller
Agenturen und Freelancer nutzen den Import und Export von Slidern sowie die Slide Library, um bewährte Layouts zwischen Projekten zu übertragen und mit Vorlagen zu arbeiten, statt von null zu beginnen. Content-Ersteller und Blogger schätzen die dynamischen Generatoren, die Slides eigenständig aus den neuesten Beiträgen, Galerien oder Events aktualisieren. Nutzer von Page Buildern erhalten eine leistungsfähigere Animations-Engine als die nativen Karussells von Elementor oder Divi.
Für wen Smart Slider 3 Pro nicht die beste Wahl ist
Hinweis: Der Backend-Editor funktioniert ausschließlich in Desktop-Browsern, das Gestalten per Tablet oder Smartphone wird also nicht unterstützt. Darüber hinaus ist das Plugin in einigen Situationen nicht die beste Wahl:
- Einfache, minimalistische Bilddiashows nach dem Prinzip „klicken und fertig“ – die große Zahl an Optionen bedeutet eine spürbare Lernkurve, und leichtere Alternativen reichen hier oft aus.
- Extrem „schlanke“ Projekte, die auf jedes Kilobyte achten und einen minimalistischen, code-first-basierten Slider bevorzugen.
- Headless-Umgebungen sowie stark modifizierte CMS-Systeme, die nicht vom Support des Herstellers abgedeckt werden.
Technische Anforderungen und Kompatibilität
Smart Slider 3 Pro benötigt WordPress 5.0 oder neuer (unterstützt werden Versionen der 6.x-Reihe) sowie PHP 7.4 oder neuer mit Unterstützung für PHP 8, mindestens 64 MB PHP-Arbeitsspeicher (empfohlen 128 MB) und die PHP-Erweiterungen GD mit WebP-Unterstützung, cURL, SimpleXML und DOM. Das Plugin funktioniert mit jedem Theme, ist mit WordPress Multisite, RTL und Übersetzungen kompatibel, und der Backend-Editor erfordert einen Desktop-Browser.
Das Plugin nutzt eine gemeinsame Codebasis für WordPress und Joomla, sodass dieselbe Version auf beiden Plattformen läuft.
| Parameter | Wert |
|---|---|
| Version | 3.5.1.39 |
| WordPress-Version | 5.0 oder neuer (unterstützt werden Versionen der 6.x-Reihe) |
| Joomla (alternative Plattform) | 3.9 oder neuer (unterstützt werden Joomla 4, 5 und 6) |
| PHP-Version | 7.4 oder neuer (Unterstützung für PHP 8 und 8.2+) |
| MySQL-Version | 4.0 oder neuer (empfohlen kompatibel mit MySQL 8.0) |
| PHP-Speicher (memory_limit) | min. 64 MB, empfohlen 128 MB (256 MB bei vielen Plugins) |
| Upload-Limit | min. 8 MB |
| Erforderliche PHP-Erweiterungen | GD mit WebP-Unterstützung, cURL, SimpleXML, DOM |
| max_input_vars | 1000 oder mehr |
| Multisite-Unterstützung | ja, kompatibel mit WordPress Multisite |
| Mehrsprachigkeit und RTL | translation ready, RTL-Unterstützung, Community-Übersetzungen |
| Kompatibilität mit Page Buildern | Elementor, Divi, Beaver Builder, Brizy, WPBakery, SiteOrigin, Gutenberg |
| Kompatibilität mit Themes | jedes WordPress-Theme (Slider eingebettet per Shortcode, Block oder Widget) |
| Editor (Backend) | nur Desktop-Browser (Chrome, Firefox, Safari, Opera) |
Häufig gestellte Fragen
Funktioniert Smart Slider 3 mit Elementor und Astra?
Ja, Smart Slider 3 Pro lässt sich über ein eigenes Modul in Elementor integrieren, und dank der Einbettung per Shortcode, Widget oder Block funktioniert es unabhängig vom Theme – auch mit Astra. Neben Elementor arbeitet das Plugin mit Divi, Beaver Builder, Brizy, WPBakery sowie dem Page Builder by SiteOrigin und dem Gutenberg-Block zusammen. Der im Editor erstellte Slider bleibt unabhängig vom Einfügeort derselbe.
Funktioniert Smart Slider 3 mit dem neuesten WordPress?
Smart Slider 3 Pro benötigt WordPress ab Version 5.0 und unterstützt Versionen der 6.x-Reihe. Der Hersteller erklärt die Kompatibilität mit WordPress- und Joomla-Versionen, die in den letzten zwölf Monaten veröffentlicht wurden. Die Frage nach der neuesten Version – die aufkommt, wenn im Readme ein älterer „tested up to“-Eintrag steht – läuft also darauf hinaus, dass das Plugin mit den aktuellen Versionen Schritt hält. Updates sind nicht abwärtskompatibel, weshalb ein Downgrade des Plugins auf eine frühere Version bestehende Slider beschädigen kann.
Kann ich damit einen Hero-Slider mit Text auf dem Bild erstellen?
Ja, ein Hero-Slider mit Text auf dem Bild ist eines der grundlegenden Szenarien von Smart Slider 3 Pro. Vor dem Hintergrundbild werden die Ebenen für Überschrift, Text und Button im Absolute-Modus positioniert und einzeln auf der Zeitachse animiert. Der Vollbild-Full-Page-Typ und Hintergrundanimationen verstärken einen solchen Header zusätzlich, und fertige Vorlagen aus der Bibliothek beschleunigen den Einstieg.
Unterstützt Smart Slider 3 ein Karussell?
Ja, das Karussell ist einer der vier Projekttypen in Smart Slider 3 Pro. Der Typ Carousel zeigt mehrere Slides gleichzeitig, mit automatischem, fortlaufendem Durchlauf und eigenen Breakpoints für Desktop, Tablet und Smartphone. Es eignet sich für Karussells mit Kundenlogos, Referenzen oder dynamisch abgerufenen WooCommerce-Produkten.
Verlangsamt Smart Slider 3 die Website?
Smart Slider 3 Pro begrenzt den Einfluss auf die Performance, da es auf jQuery verzichtet, optimiertes JavaScript lädt und WebP, Lazy Load sowie Preload von Ressourcen unterstützt. Wie schnell der Slider tatsächlich erscheint, hängt jedoch von der Gesamtgeschwindigkeit der Website ab – von der Serverantwortzeit (TTFB), dem Cache und der Anzahl der übrigen Skripte. Der Slider selbst ist auf die Web Vitals ausgelegt, ersetzt aber nicht die Optimierung der gesamten Seite.
Was bringt die Pro-Version von Smart Slider 3?
Die Pro-Version von Smart Slider 3 schaltet alle vier Projekttypen frei (Slider, Block, Full-Page, Karussell), das komplette Set von etwa 24-26 Ebenentypen, eine Bibliothek mit über 120 Vorlagen sowie die Slide Library mit über 500 Slides. Hinzu kommen Ebenen-Animationen auf der Zeitachse, Ken-Burns-, Parallax-, Partikel-, Morph- und WebGL-Distortion-Effekte, 32 dynamische Quellen (u. a. WooCommerce, Custom Post Types, Events, Galerien, Social Media) sowie eine integrierte Lightbox. Die kostenlose Version bleibt bei 2 Projekttypen, 6 Ebenen, 14 Vorlagen und einer dynamischen Quelle.
Bewertungen
Es gibt noch keine Bewertungen.