A product gallery that zooms and opens full size

What you get for free

Thumbnails, drag and arrow keys on the main image, and a full-size lightbox. Picking a variation changes the picture, price and stock together, through a transition. You can place the block in a product template yourself, or turn on one switch in WooCommerce, Settings, Products to use it on all product pages. Turning it off puts your theme's gallery back.

What Pro adds

Twelve effects under the pointer, each with Size and Strength. The zoom on the product page is a rimless lens. It bulges the picture under the pointer without opening a side panel, so the visitor keeps sight of the whole picture. If you want a visible glass, the separate Loupe effect has a rim.

Image sizes matter more than effects

No zoom can show detail that is not in the file. For a sharp zoom, upload images about twice as wide as they appear on the page, so 1600 pixels for an 800-pixel gallery. WooCommerce serves the sizes itself. The plugin uses what the images are, and does not resize them or compress them for you.

WooCommerce's own gallery

WooCommerce comes with a gallery with zoom and lightbox, and a Product Gallery block, and those are enough for many shops. Use ours if you want the variation change as a transition, price and stock moving together with the picture, or the effects above. If you need video in the gallery, this block does not do that today.

Touch screens

A press and drag moves a pointer effect around, and a horizontal drag changes the image.

Questions