Screenshot showing how to enable Lightbox for WooCommerce product gallery images

How to Enable Lightbox for WooCommerce Product Gallery Images (Easy Guide)

WooCommerce allows store owners to display multiple images using its built-in product gallery feature. However, WooCommerce’s default options only support a basic lightbox popup. To get more attractive effects, you can use a plugin like PeLightbox.

In this guide, you’ll learn how to add images to a WooCommerce product gallery and enable a lightbox viewer using a lightbox plugin.

Video Tutorial

Watch the full tutorial below to see how the gallery images open in a lightbox on the product page.


Plugin Used in This Tutorial

This plugin enables a lightbox popup for images and videos and can be connected to the default WooCommerce product gallery.

Step 1: Add Images to the WooCommerce Product Gallery

First, you need to add product images using the default WooCommerce gallery.

Follow these steps:

  • Go to Products → Edit Product in your WordPress dashboard.
WooCommerce Product pixelonetry

  • Scroll down to the Product Gallery section.
  • Click Add product gallery images.
WooCommerce edit product pixelonetry

  • Select images from the Media Library or upload new ones.
pixelonetry media libary

  • Click Update to save the product.

Once the images are added, they will appear in the single product gallery.


Step 2: Install and Activate the PeLightbox Plugin

Before enabling the lightbox effect, you need to install PeLightbox:

  1. Go to your WordPress dashboard → Plugins → Add New.
  2. Search for “PeLightbox” in the search

  • Click Install Now next to the plugin.
  • After installation, click Activate.

Step 3: Enable Lightbox for Product Images

After installing and activating PeLightbox Gallery Slider, the plugin can automatically apply a lightbox effect to the WooCommerce product gallery images.

When a visitor clicks on a product image:

  • The image opens in a lightbox popup
  • Users can navigate through gallery images
  • Images appear in a slider-style viewer

This improves the visual presentation of your product images.


Final Result

After completing these steps:

  • Product images are added using the default WooCommerce gallery
  • Clicking an image opens it in a lightbox popup
  • Customers can easily browse all gallery images

This creates a more modern and interactive product page experience for your WooCommerce store.

  March 10, 2026   WordPress Tutorials

We're are pixelonetry creative studio! we make great digital assets for professionals...

Post a Comment

Developers from over 150+ countries are developing products with Our Themes