Amitry Product & Category Slider for WooCommerce
Amitry Product & Category Slider ist ein schneller, responsiver Slider für WooCommerce, mit dem Sie Produkte oder Produktkategorien in einem aufgeräumten, anpassbaren Karussell präsentieren. Erstellen Sie in wenigen Minuten einen WooCommerce-Produkt-Slider oder ein Kategorie-Karussell – mit einem Gutenberg-Block, einem Elementor-Widget oder einem einfachen Shortcode, ganz ohne Code.
Ob Sie empfohlene Produkte auf Ihrer Startseite hervorheben, durch Bestseller scrollen oder Käufer in Produktkategorien leiten möchten – dieses Plugin bietet Ihnen einen leichtgewichtigen, mobilfreundlichen Slider, der nur dort lädt, wo Sie ihn einsetzen.
Holen Sie sich das Pro-Add-on für Premium-Designs, eine Thumbnail-Leiste, eine Vollbild-Lightbox, ein Kategorie-Dropdown, eine Masonry-Rasteransicht und mehr.
Live-Demo: Sehen Sie den Produkt-Slider, das Kategorie-Karussell und jedes Premium-Design in Aktion auf der Live-Demo-Seite.
Warum dieser WooCommerce-Slider
- Kein Code nötig. Fügen Sie einen Slider per Block, Widget oder Shortcode hinzu
- Produkt-Slider und Kategorie-Slider in einem Plugin
- Voll responsiv. Separate Einstellungen für Desktop, Tablet und Mobil
- Leichtgewichtig und schnell. Assets werden nur auf Seiten mit Slider geladen
- SEO-freundlich. Serverseitig gerendertes HTML, Inhalte ohne JavaScript sichtbar
- Funktioniert mit jedem Theme. Block-Themes (FSE) und klassische Themes
- Barrierefrei. Tastaturnavigation und Berücksichtigung der Systemeinstellung für reduzierte Bewegung
- Übersetzungsbereit. Wird mit einer .pot-Datei geliefert
- Ehrliche kostenlose Version. Alles hier Beschriebene steckt im kostenlosen Plugin
Drei Wege, einen Slider hinzuzufügen
- Gutenberg-Block. Ziehen Sie den Amitry-Slider-Block mit Live-Vorschau in jede Seite oder jeden Beitrag
- Elementor-Widget. Ein eigenes Amitry-Slider-Widget erscheint im Elementor-Editor
- Shortcode. Fügen Sie
[amitry_slider]in einen beliebigen Inhaltsbereich ein
Alle drei nutzen dieselbe Render-Engine, sodass sich jede Option überall identisch verhält.
Beliebte Anwendungsfälle
- Startseiten-Produkt-Slider. Rücken Sie Ihre besten Produkte in den Mittelpunkt
- Neuheiten-Karussell. Zeigen Sie automatisch die neuesten Produkte Ihres Shops
- Bestseller-Slider. Heben Sie Ihre meistverkauften WooCommerce-Produkte hervor
- Angebots- und Deals-Slider. Zeigen Sie reduzierte Produkte, mit optionalem Countdown-Timer in Pro
- Schaufenster für hervorgehobene Produkte. Präsentieren Sie eine handverlesene Produktauswahl
- Produktkategorie-Karussell. Helfen Sie Kunden, Ihren Shop nach Kategorie zu durchstöbern
- Slider für ähnliche Produkte. Halten Sie Besucher auf einzelnen Produktseiten beim Stöbern
- Foto- und Portfolio-Galerien. Unbeschnittene Fotos in ihren echten Proportionen zeigen
- Shop- und Landingpage-Karussells. Fügen Sie überall ein Produkt-Karussell per Block, Widget oder Shortcode hinzu
Produkt-Slider
Beziehen Sie Produkte aus einer dieser Quellen:
- Neueste Produkte
- Bestseller
- Im Angebot
- Hervorgehoben
- Bestbewertet
- Manuelle Auswahl
- Nach Kategorie
Blenden Sie jedes Element ein oder aus: Produktbild, Titel, Preis mit durchgestrichenem Angebotspreis, Angebots-Badge, Bewertungssterne, Kurzbeschreibung, Lagerstatus und einen „In den Warenkorb“-Button.
Kategorie-Slider
- Alle Produktkategorien anzeigen, mit optionaler Ausschlussliste
- Sortierung nach Name, Produktanzahl oder Menü-Reihenfolge
- Leere Kategorien ausblenden
- Greift auf das erste Produktbild zurück, wenn eine Kategorie kein Vorschaubild hat
- Optionale Produktanzahl pro Kategorie
Layout und Design
- Zwei Kartenstile: Clean Card und Minimal
- Abgerundete, quadratische oder kreisförmige Bildformen
- Seitenverhältnisse: 4:3, 1:1, 3:4 und 16:9
- Bildanpassung. Zuschneiden und füllen für einheitliche Karten oder das vollständige Bild unbeschnitten auf neutralem Hintergrund anzeigen, ideal für Fotografie
- Inhaltsausrichtung. Richten Sie Kartentitel, Preis und weiteren Text links, zentriert oder rechts aus
- Maximale Breite. Begrenzen Sie, wie breit der Slider wird, und zentrieren Sie ihn, was einspaltige Slider auf vollbreiten Themes ordentlich hält
- Anpassbare Spalten pro Gerät, Abstand, Karten-Innenabstand, Radius und Schatten
- Hover-Effekte: Anheben, Zoom, Glanz sowie Anheben plus Zoom
- Abschnittsüberschrift, Unterüberschrift und ein optionaler „Alle ansehen“-Button
Verhalten und Navigation
- Übergänge. Slide oder Fade für jeweils ein großes Bild
- Pfeile, Punkte, Scrollbar, Fortschrittsbalken, Slide-Zähler und Tastatursteuerung
- Autoplay mit Verzögerung, Schleife und Pause bei Hover
- Pro-Gerät-Steuerung, welche Navigation erscheint
Block-Editor-Integration
Der Gutenberg-Block hat eine aufgeräumte Seitenleiste mit zwei Panels: ein Einstellungen-Panel für Datenquelle, Layout, Verhalten und Navigation und ein Stile-Panel für Kartenstil, Farben, Schatten und Hover-Effekte. Eine serverseitige Live-Vorschau zeigt genau, was Ihre Besucher sehen werden.
Shortcode-Beispiele
[amitry_slider type="products" filter="newest" count="12"]
[amitry_slider type="products" filter="sale" slides_desktop="4"]
[amitry_slider type="products" effect="fade" fit="contain"]
[amitry_slider type="products" align="center" max_width="1140"]
[amitry_slider type="categories" sort="count"]
Alle Block-Optionen stehen als Shortcode-Attribute zur Verfügung.
Performance
- CSS und JavaScript werden nur auf Seiten geladen, auf denen ein Slider gerendert wird
- Optionales Query-Caching für Produkt- und Kategorie-Abfragen
- Bilder werden in proportionaler Größe angefordert, sodass Fotos ihre echten Proportionen behalten und beim Hochladen kein zusätzlicher Zuschnitt erzeugt wird
- Swiper ist lokal eingebunden, ohne externe CDN-Anfragen
WooCommerce-kompatibel
- HPOS-kompatibel (High-Performance Order Storage)
- Kompatibel mit Warenkorb- und Kassen-Blöcken
- Funktioniert mit dem aktuellen WooCommerce und WordPress
Mit Pro mehr erreichen
Das kostenlose Plugin oben ist vollständig und funktioniert eigenständig. Das separate Pro-Add-on setzt es voraus und erweitert es über die öffentliche Hook-API, ohne dass der kostenlosen Version etwas fehlt.
Ansicht und Navigation
- Thumbnail-Leiste. Eine Reihe anklickbarer Vorschaubilder unter dem Slider, synchron mit dem Hauptbild
- Lightbox. Ein Vergrößern-Button öffnet einen Vollbild-Viewer mit überblendenden Fotos, einem Diashow-Button, einem Vollbildmodus und Wischgesten auf Touch-Geräten. Jedes Foto verlinkt auf sein Produkt
- Hover-Zoom. Eine Lupe folgt dem Zeiger und zoomt mithilfe des Originalbildes ins Detail
- Raster-Umschalter. Besucher wechseln zwischen dem Slider und einem echten Masonry-Raster mit unbeschnittenen Fotos, samt Steuerung für die Spaltenzahl
Stöbern und Skalierung
- Kategorie-Dropdown. Eine Kategorieauswahl im Abschnittskopf lässt Besucher die Kategorie wechseln, ohne die Seite zu verlassen, sodass der Slider eine Shop-Seite ersetzen kann. Produkte werden bei Bedarf geladen
- Mehr laden. Zeigt einen Schwung und lädt den nächsten bei Bedarf nach, was große Kataloge schnell hält
Verkaufen
- Bildwechsel bei Hover. Beim Hover das zweite Produktbild anzeigen
- Eigene Badges. Automatische „Neu“- und „Bestseller“-Badges
- AJAX-Warenkorb. Zum Warenkorb hinzufügen, ohne die Seite neu zu laden
- Quick View. Ein Vorschau-Popup für Produkte
- Angebots-Countdown. Ein Timer auf Produkten, deren Angebot ein Enddatum hat
- Wunschliste. Ein Herz-Button mit eigener Wunschlisten-Seite
- Lagerbalken und „Wenig auf Lager“-Label. Knappheit bei Produkten mit geringem Bestand anzeigen
Premium-Designs
- Overlay, Kreis, 3D-Carousel und Masonry
Sehen Sie die Live-Demo oder holen Sie sich das Pro-Add-on.