Product gallery in WooCommerce: zoom, lightbox and video
By Mariusz Szatkowski · Updated: 2026-06-20
For products people buy on how they look, the gallery is the storefront. Shoppers judge fit, quality and detail from the images, and a weak gallery quietly costs sales and invites returns. The default WooCommerce gallery is serviceable but basic. This guide explains how to improve it with zoom, an accessible lightbox and video, without slowing the page.
Why the Gallery Matters
The product gallery carries most of the persuasion on a visual product page. It has to answer the questions a shopper would ask if the item were in their hands: How does the texture look? How big is it? How does it move or sit? When the gallery answers those well, two things happen: more shoppers buy, and fewer return items that did not match their expectation.
Three Upgrades That Move the Needle
Image zoom. Letting the shopper inspect detail up close, on hover or tap, reveals texture and finish a thumbnail hides. For anything where quality is visual, this directly builds buying confidence.
An accessible lightbox. Opening the images full-size in a lightbox lets the shopper study them properly. Accessible means keyboard navigation and focus handling, so it works for everyone.
Product video. A short video shows scale, motion and use in a way still photos cannot. A featured video in the gallery is one of the highest-impact additions for considered purchases.
Reel for WooCommerce adds hover zoom, an accessible lightbox and a featured product video to the WooCommerce gallery.
Do Not Trade Speed for Richness
A richer gallery is only a win if it stays fast. The gallery sits at the top of the product page, so it is part of the first impression and the Core Web Vitals score.
- Reserve space for the media so images and video do not push the layout around as they load. That protects against layout shift.
- Avoid jQuery to keep the script footprint small and interaction quick.
- Lazy-load below-the-fold and heavier media so the first view stays light.
Reel is built with reserved space, no jQuery and no layout shift. YouTube and Vimeo embeds, per-variation galleries, 360 spin, autoplay rules and CDN lazy media are where Reel PRO extends the free plugin.
Reel Versus Default WooCommerce
The core WooCommerce gallery is basic, with limited zoom and no native video. Here is the difference for the gallery specifically:
| Capability | Default WooCommerce | Reel |
|---|---|---|
| Image zoom | Basic | Hover zoom for detail |
| Lightbox | Basic | Accessible lightbox (keyboard + focus) |
| Product video | No native support | Featured video in the gallery |
| Layout stability | Older scripts | Reserved space, no layout shift |
| Footprint | Relies on jQuery | No jQuery |
| Embeds, per-variation, 360 spin | No | Yes (PRO) |
| Cost | Free (core) | Free (GPL); PRO adds embeds and 360 spin |
The Short Version
On visual products the gallery does the selling, so it is worth more than the default. Add image zoom, an accessible lightbox and a featured video, but only with reserved space and no jQuery so the page stays fast and stable. Start with the free edition and add embeds, per-variation galleries and 360 spin as your catalogue calls for them.