Peek
Produkte ansehen, ohne die Shop-Übersicht zu verlassen
Peek ergänzt die WooCommerce-Produktlisten um einen Schnellansicht-Button. Ein Klick öffnet ein barrierefreies Modal, das das Produkt per AJAX nachlädt: Galerie, Preis, Artikelnummer, Kurzbeschreibung und das Warenkorb-Formular samt Variantenunterstützung, ohne die Übersicht zu verlassen. Das Skript ist reines Vanilla-JS ohne jQuery und lässt das Layout nie springen.
Kompatibel mit
So sieht es in der Praxis aus
Jeder Klick auf ein Produkt birgt das Risiko, den Kunden zu verlieren
Um Details zu sehen, muss ein Kunde die Produktseite öffnen und anschließend zur Übersicht zurückkehren. Modals mit schwerem JavaScript sind oft nicht per Tastatur bedienbar und lassen beim Öffnen das Layout springen.
- ✗ Kunden verlieren den Überblick über die Liste, sobald sie eine Produktseite öffnen und wieder verlassen
- ✗ Modals mit schwerem JavaScript bremsen die Shop-Übersicht aus
- ✗ Keine Tastatur- oder Screenreader-Unterstützung im Modal
- ✗ Layout-Sprung beim Öffnen der Vorschau
Peek zeigt das Produkt direkt an Ort und Stelle
- ✓ Ein Schnellansicht-Button in den Produktlisten von Shop und Archiv
- ✓ Das Modal lädt das Produkt per AJAX, ohne die Übersicht zu verlassen
- ✓ Das Skript ist reines Vanilla-JS ohne jQuery, verzögert geladen und im Footer eingebunden
- ✓ Ein Modal mit Fokusfang, das sich per Escape oder Klick auf den Hintergrund schließt, mit ARIA-Attributen
Das bietet Ihnen die kostenlose Version
Alles, was Sie brauchen, um Kunden eine schnelle, barrierefreie Produktvorschau zu bieten.
AJAX-Modal
Ein Klick auf die Schnellansicht lädt das Produkt per AJAX, ohne die Shop-Übersicht zu verlassen.
Vollständiger Produktinhalt
Galerie, Titel, Artikelnummer, Preis, Kurzbeschreibung, Warenkorb-Formular und ein Link zur vollständigen Seite.
Variantenunterstützung
Das Warenkorb-Formular unterstützt variable Produkte über das hauseigene Variantenskript von WooCommerce.
Barrierefrei
Der Fokus springt in den Dialog, bleibt dort gefangen und kehrt beim Schließen zum Auslöser zurück. role=dialog mit aria-modal.
Ohne jQuery, ohne CLS
Vanilla-JS im Footer, verzögert geladen; das Modal bleibt bis zum Öffnen verborgen und lässt das Layout daher nie springen.
Konfigurierbare Abschnitte
Legen Sie die Button-Beschriftung fest und wählen Sie in den Peek-Einstellungen, welche Teile im Modal angezeigt werden.
Overlay auf dem Vorschaubild
Bei der Overlay-Platzierung erscheint die Schnellansicht beim Überfahren oder Fokussieren direkt auf dem Produktbild, ohne die Höhe der Karte zu vergrößern.
[peek]-Shortcode
Platzieren Sie einen Schnellansicht-Auslöser an beliebiger Stelle, etwa auf einer Landingpage oder in eigenen Inhalten.
In drei Schritten einsatzbereit
Aktivieren Sie den Button und testen Sie ihn in einem Shop-Archiv.
Installieren
Aktivieren Sie Peek zusammen mit WooCommerce.
Button einrichten
Aktivieren Sie im Peek-Menü die Schnellansicht und legen Sie die Button-Beschriftung sowie den Modal-Inhalt fest.
Übersicht prüfen
Öffnen Sie die Shop-Seite und vergewissern Sie sich, dass der Schnellansicht-Button bei den Produkten erscheint.
Für wen Peek gedacht ist
Wenn Kunden viele Artikel durchstöbern und dabei den Überblick über die Liste behalten sollen.
Mode und Accessoires
Galerie, Preis und Varianten in der Vorschau ansehen, ohne jede Produktseite einzeln zu öffnen.
- ✓ AJAX-Modal
- ✓ Varianten im Modal
- ✓ Fokusfang
Hoher Mobilanteil
Ein tastaturfreundliches Modal ohne Layout-Sprung, bequemer als die vollständige Navigation auf dem Smartphone.
- ✓ Ohne jQuery
- ✓ aria-modal
- ✓ Mit Escape schließen
Kataloge mit hoher Absprungrate
Weniger abgebrochene Stöberei, weil die Kaufentscheidung direkt in der Übersicht fällt.
- ✓ Button in der Liste
- ✓ Warenkorb im Modal
- ✓ Link zur vollständigen Seite
Was PRO ergänzt, und warum es zählt
Zuletzt angesehen
Peek → Zuletzt angesehen: Produktanzahl, Spalten, Überschrift und automatisches Einfügen. Der Shortcode [peek_recently_viewed] funktioniert überall.
Karussell mit ähnlichen Artikeln
Am Ende des Schnellansicht-Modals: ähnliche Produkte als horizontales Scroll-Snap-Karussell mit Vor- und Zurück-Navigation.
Variations-Swatches
Peek → Einstellungen: Farbchips, Variations-Vorschaubilder oder beschriftete Buttons statt Dropdowns innerhalb des Modals.
Eigene Modal-Bereiche
Peek → Einstellungen: zusätzliche Inhaltsblöcke (HTML) vor oder nach dem In-den-Warenkorb-Button oder am Ende der Modal-Zusammenfassung.
Quick-View-Auswertungen
Peek → Quick-View-Auswertungen: Modal-Öffnungen, In-den-Warenkorb-Klicks aus dem Modal sowie Conversions samt Umsatz pro Produkt.
Was du bekommst: FREE oder PRO
PRO behält alles aus dem kostenlosen Plugin und ergänzt die Module unten.
Peek vs WooCommerce Quick View Pro vs YITH WooCommerce Quick View
Wie Peek im Vergleich zu den beliebten WooCommerce-Plugins für die Schnellansicht abschneidet.
| Peek | WooCommerce Quick View Pro | YITH WooCommerce Quick View | |
|---|---|---|---|
| Kostenlose Version | Ja | Nein | Ja |
| AJAX-Schnellansicht-Modal | Ja | Ja | Ja |
| Unterstützung für Variationen | Ja | Ja | Ja |
| Barrierefrei, kein jQuery, kein CLS | Ja | — | — |
| Variations-Swatches | Pro | — | — |
| Schnellansicht-Analytics | Pro | — | — |
| Open Source (GPLv2) | Ja | Proprietär | GPL-Kern |
| Preis des kostenpflichtigen Plans | ab €29/Jahr | ab $99/Jahr | Kostenlos + Premium |
Wettbewerberdaten und Preise Stand Juni 2026; aktuelle Preise auf den Websites der Anbieter prüfen.
Sie brauchen Merchandising im Modal? Peek PRO
Die KOSTENLOSE Version bietet eine schnelle, barrierefreie AJAX-Schnellansicht. PRO ergänzt zuletzt angesehene Produkte, ein Karussell mit ähnlichen Produkten, Varianten-Swatches, eigene Abschnitte und eine Auswertung der Schnellansichten.
- ✓ Zuletzt angesehene Produkte, enthalten in PRO
- ✓ Karussell mit ähnlichen Produkten, Swatches und eigene Abschnitte, enthalten in PRO
- ✓ Auswertung der Schnellansichten, enthalten in PRO
Support und Ressourcen
Jedes Plugin hat eine eigene Dokumentation mit Einrichtungsanleitungen. Fehler und Fragen gehen in das öffentliche GitHub-Repository des jeweiligen Plugins, wir antworten offen.
Häufig gestellte Fragen
Wird WooCommerce benötigt?
Ja. Peek setzt eine aktive WooCommerce-Installation voraus.
Verwendet Peek jQuery?
Das eigene Frontend-Skript von Peek ist reines Vanilla-JavaScript ohne jQuery. Hat ein Produkt Varianten, wird das mitgelieferte Variantenskript von WooCommerce eingebunden, damit das Formular wie gewohnt funktioniert.
Wo erscheint der Schnellansicht-Button?
Auf der Shop-Seite und in den Produktarchiv-Listen (Kategorien, Schlagwörter, Taxonomien), jeweils nach jedem Produkt. Einzelne Produktseiten bleiben unverändert.
Verursacht Peek einen Layout-Sprung?
Nein. Das Modal bleibt bis zum Öffnen verborgen und legt sich über die Seite, sodass beim Öffnen bestehende Inhalte nie verrutschen.
Ist das Modal barrierefrei?
Ja. Der Fokus springt in den Dialog und bleibt dort gefangen, das Modal schließt sich per Escape oder Klick auf den Hintergrund, und der Fokus kehrt zum Auslöser zurück. Der Dialog nutzt role=dialog mit aria-modal.
Lässt sich Peek mit Marks und Reel kombinieren?
Ja. Marks ergänzt reine CSS-Badges auf den Shop-Karten; Reel fügt Zoom, Lightbox und ein hervorgehobenes Video auf der Produktseite hinzu. Zusammen decken sie Übersicht und Produktseite ab, ganz ohne Layout-verschiebendes JavaScript in den Rastern.
Wie schneidet Peek im Vergleich zu WooCommerce Quick View Pro und YITH WooCommerce Quick View ab?
Alle drei fügen ein AJAX-Schnellansicht-Modal mit Unterstützung für Variationen hinzu, aber Peek liefert eine kostenlose Version, die ohne jQuery lädt und Layoutverschiebungen vermeidet, während WooCommerce Quick View Pro von Barn2 nur kostenpflichtig ab 99 $/Jahr ist. Peek behält Variations-Swatches und Schnellansicht-Analytics seiner kostenpflichtigen Edition ab 29 €/Jahr vor, und auch YITH bietet ein Modell aus kostenloser und Premium-Version. Preise Stand Juni 2026.
Ergänzen Sie Ihren Shop um eine Schnellansicht
Ein barrierefreies AJAX-Modal mit Galerie, Preis und Warenkorb-Button. Die vollständige KOSTENLOSE Edition unter GPL.
Zur DokumentationDie KOSTENLOSE Version ist die vollständige Schnellansicht, PRO ergänzt Merchandising und Analysen direkt im Modal.