Free, open source

Peek

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.

Open source GPLv2
Open source, GPL licensed No account, no card No jQuery, no layout shift

Works with

WooCommerceGutenbergStorefrontAstraGeneratePressKadence

See it in action

A quick-view modal with gallery, price and add-to-cart, without leaving the shop
The same quick view on mobile
The trigger button and modal content in the dashboard

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.

01

Install

Activate Peek alongside WooCommerce.

02

Set the button

In the Peek menu, enable quick view and set the button label and modal contents.

03

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

What PRO adds, and why it matters

Recently viewed

Peek → Recently Viewed: product count, columns, heading and auto-insert. [peek_recently_viewed] shortcode anywhere.

Related carousel

At the end of the quick-view modal: related products as a horizontal scroll-snap carousel with prev/next.

Variation swatches

Peek → Settings: colour chips, variation thumbnails or label buttons instead of dropdowns inside the modal.

Custom modal sections

Peek → Settings: extra content blocks (HTML) before/after add-to-cart or at the bottom of the modal summary.

Quick-view analytics

Peek → Quick View Analytics: modal opens, add-to-cart from the modal and conversions with revenue per product.

What you get: FREE vs PRO

PRO keeps everything in the free plugin and adds the modules below.

Feature FREE PRO
AJAX modal
Full product content
Variation support
Accessible
No jQuery, no CLS
Configurable sections
Overlay on thumbnail
[peek] shortcode
Recently viewed ×
Related carousel ×
Variation swatches ×
Custom modal sections ×
Quick-view analytics ×

Peek vs WooCommerce Quick View Pro vs YITH WooCommerce Quick View

How Peek compares to the popular WooCommerce quick-view plugins.

PeekWooCommerce Quick View ProYITH WooCommerce Quick View
Free version YesNoYes
AJAX quick-view modal YesYesYes
Variation support YesYesYes
Accessible, no jQuery, no CLS Yes
Variation swatches Pro
Quick-view analytics Pro
Open source (GPLv2) YesProprietaryCore GPL
Paid plan price from €29/yrfrom $99/yrFree + premium

Competitor data and pricing as of June 2026; check the vendors' sites for current pricing.

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.

How does Peek compare to WooCommerce Quick View Pro and YITH WooCommerce Quick View?

All three add an AJAX quick-view modal with variation support, but Peek ships a free version that loads without jQuery and avoids layout shift, while Barn2's WooCommerce Quick View Pro is paid only from $99/yr. Peek reserves variation swatches and quick-view analytics for its paid edition from €29/yr, and YITH also offers a free plus premium model. Pricing as of June 2026.

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 docs

FREE is the complete quick view, PRO adds in-modal merchandising and analytics.