Preview a product without leaving the shop listing
Peek adds a Quick view button to WooCommerce product loops. A click opens an accessible modal that loads the product over AJAX - gallery, price, SKU, short description and the add-to-cart form with variation support - without leaving the listing. The script is vanilla JS with no jQuery and never reflows the page.
Works with
Every click into a product risks losing the shopper
To see details, a shopper has to open the product page and then return to the listing. Modals with heavy JavaScript are often not keyboard accessible and shift the layout when they open.
- ✗ Shoppers lose the listing context when they open and leave a product page
- ✗ Modals with heavy JavaScript slow the shop listing down
- ✗ No keyboard or screen-reader support in the modal
- ✗ Layout shift when the preview opens
Peek shows the product in place
- ✓ A Quick view button in shop and archive product loops
- ✓ The modal loads the product over AJAX without leaving the listing
- ✓ The script is vanilla JS with no jQuery, deferred and in the footer
- ✓ A focus-trapped modal, closed on Escape or backdrop click, with ARIA attributes
What you get in the free version
Everything you need to give shoppers a fast, accessible product preview.
AJAX modal
Clicking Quick view loads the product over AJAX, without leaving the shop listing.
Full product content
Gallery, title, SKU, price, short description, add-to-cart form and a link to the full page.
Variation support
The add-to-cart form supports variable products via WooCommerce's own variation script.
Accessible
Focus moves into the dialog, is trapped, and returns to the trigger on close. role=dialog with aria-modal.
No jQuery, no CLS
Vanilla JS in the footer, deferred; the modal stays hidden until opened, so it never reflows.
Configurable sections
Set the button label and choose which parts render in the modal from the Peek settings.
Overlay on thumbnail
Overlay placement shows Quick view on the product image on hover or focus — without raising the card height.
[peek] shortcode
Place a quick-view trigger anywhere, for example on a landing page or in custom content.
Up and running in three steps
Enable the button and test on a shop archive.
Install
Activate Peek alongside WooCommerce.
Set the button
In the Peek menu, enable quick view and set the button label and modal contents.
Check the listing
Open the shop page and confirm the Quick view button appears on products.
Who it is for
When shoppers browse many SKUs and should not lose the listing context.
Fashion and accessories
Preview gallery, price and variations without opening every product page.
- ✓ AJAX modal
- ✓ Variations in modal
- ✓ Focus trap
Mobile-heavy traffic
A keyboard-friendly modal with no layout shift — easier than full navigation on a phone.
- ✓ No jQuery
- ✓ aria-modal
- ✓ Escape to close
High-bounce catalogues
Fewer abandoned shop listings because add-to-cart decisions happen in place.
- ✓ Loop button
- ✓ Add to cart in modal
- ✓ Link to full page
Need in-modal merchandising? Peek PRO
FREE covers a fast, accessible AJAX quick view. PRO adds recently viewed products, a related carousel, variation swatches, custom sections and quick-view analytics.
- ✓ Recently viewed products — shipped in PRO
- ✓ Related carousel, swatches and custom sections — shipped in PRO
- ✓ Quick-view analytics — shipped in PRO
Support and resources
Every plugin has its own documentation with setup walkthroughs. Bugs and questions go to the public GitHub repository for that plugin — we answer in the open.
Frequently asked questions
Does it require WooCommerce?
Yes. Peek requires an active WooCommerce installation.
Does it use jQuery?
Peek's own front-end script is vanilla JavaScript with no jQuery. When a product has variations, WooCommerce's bundled variation script is enqueued so the form works as expected.
Where does the quick-view button appear?
On the shop page and product archive loops (categories, tags, taxonomies), after each product. It does not change single product pages.
Will it cause layout shift?
No. The modal is hidden until opened and overlays the page, so opening it never reflows existing content.
Is the modal accessible?
Yes. Focus moves into the dialog and is trapped, the modal closes on Escape or backdrop click, and focus returns to the trigger. The dialog uses role=dialog with aria-modal.
Does Peek pair with Marks and Reel?
Yes. Marks adds CSS-only badges on shop cards; Reel adds zoom, lightbox and featured video on the product page. Together they cover listing and PDP without layout-shifting JavaScript on grids.
Add a quick view to your store
An accessible AJAX modal with gallery, price and add-to-cart. The full FREE edition under GPL.
Read the docsFREE is the complete quick view — PRO adds in-modal merchandising and analytics.