One of 15+ Modules

Advanced Divi Product Gallery Module

Advanced Divi Product Gallery module replaces WooCommerce's fixed product gallery with a fully designable one, seven layouts, three zoom types plus a styleable lightbox, and optional video and 3D model slides on top of your existing product photos.

Advanced Divi Product Gallery Module for WooCommerce

Seven Gallery Layouts

Thumbnails below, to the left or right, floating over the image, a grid, a stacked scroll, or the image on its own.

Three Zoom Types, Plus a Lightbox

A magnifier that follows the cursor, a lens with a side panel, or a full scale-and-pan. Open any photo in its own fullscreen lightbox.

Video and 3D Models

Drop a product video or a model shoppers can spin right into the gallery, alongside your photos.

Two Places, One Workflow

Photos work the moment you switch the module on. Video and 3D models come from a companion extension that adds a media tab to your products.

Divi WooCommerce Product Gallery

Advanced Product Gallery

Pick one of seven layouts, frame every image the same way, and design the thumbnails, arrows, counter and zoom cursor. Everything is styled in the builder, on your real product photos.
In Divi Builder
Divi WooCommerce Product Video & 3D Media Gallery

Video & 3D Media

Add a product video or a rotatable 3D model to any product, with its own playback and display settings and its own position in the gallery. Variations can carry their own photo sets too, so picking a color swaps the whole gallery.
In WordPress Admin

Give Shoppers a Proper Look Before They Buy

Choose the Layout That Suits Your Photography

  • Put thumbnails below the main image, down either side, or floating over it.

  • Show everything at once in a grid of one to four columns, set per device.

  • Stack every image full width for a long, editorial scroll.

  • Or hide the thumbnails entirely and let one large image carry the page.

Divi WooCommerce Product Gallery Display Options

Frame Every Image the Same Way

  • Lock every photo to the same shape: square, portrait, landscape, widescreen, or your own ratio.

  • Choose whether images fill the frame and crop, or sit whole inside it.

  • Size the thumbnails, space them, align them, and mark the active one in your brand color.

  • Let the main image change on thumbnail hover, so browsing takes no clicks at all.

Divi WooCommerce Product Gallery Styling

Let Them Look Closer

  • Zoom three ways: a magnifier that follows the cursor, a lens with a side panel, or the whole image scaling and panning.

  • Open any photo fullscreen in the lightbox, with your own icon in your own colors.

  • Add arrows that sit quietly until a shopper hovers, with your own glyphs if you'd rather.

  • Show where they are in the set: a plain count, a worded one, or story-style segments.

Divi WooCommerce Product Gallery Zoom and Lightbox

Show Video and 3D, Not Just Photos

  • Add a product video as a gallery slide, playing inline or opening in a lightbox.

  • Design the play button: your own wording, nine positions, your color and size.

  • Let shoppers spin a 3D model of the product, or set it rotating on its own.

  • Style the model's zoom and reset controls to match the rest of your gallery.

Divi WooCommerce Product Video & 3D Media Support in Gallery

Free Ready-to-Use Product Gallery Layouts to Get Started

Skip the setup. Our pre-built Product Gallery layouts are fully customizable, responsive, and ready to drop onto any Divi WooCommerce product template. Pick a style, choose your details, and go live in minutes.

Divi WooCommerce Product Gallery Templates

DiviMerc Advanced Product Gallery vs Divi's Built-In Product Gallery Module, Which One Gives You More Control?

Feature DiviMerc Product Gallery Divi Product Gallery
Gallery layouts Seven, including grid and stacked WooCommerce's default only
Thumbnails left, right, or overlaid Built in Below the image only
Lock every image to one shape Five ratios plus your own Not available
Crop-to-fill or fit-whole Your choice Not available
Zoom types Three to choose from WooCommerce's default zoom
Slide counter Three styles Not available
Arrows you can style Colors, size, and custom glyphs Not available
Active thumbnail styling Your own border color Not available
Change image on thumbnail hover One toggle Click only
Video as a gallery slide Built in Not available
Rotatable 3D models Built in Not available
Sticky gallery on scroll One toggle Needs custom positioning
Full Divi design controls Yes Yes

Ready to Show Your Products Like You Mean It?

FAQs on
Product Gallery for Divi

Everything you need to know about the Product Gallery module before you get started.

Where do the images in Advanced Product Gallery come from?

3
2
Advanced Product Gallery pulls its images directly from WooCommerce's own Product Image and Product Gallery fields, the same fields you already use. The module changes how those photos are arranged, zoomed and viewed, not how you upload them, so there's no new media workflow to learn.

How many layouts does Advanced Product Gallery include?

3
2
Advanced Product Gallery includes seven layouts: Thumbnail Bottom, Thumbnail Left, Thumbnail Right, Overlaid Thumbnails, Grid, Stacked, and Hidden Thumbnails. Grid and Stacked show every photo at once, so arrows and the slide counter are built for the other five layouts, where one image is active at a time.

How does zoom work in Advanced Product Gallery?

3
2
Advanced Product Gallery offers three zoom types: an inner magnifier that follows the cursor, a lens with a side panel, and image scale and pan. Turn zoom off entirely and rely on the fullscreen lightbox instead. Zoom only runs on the live front end, not inside the Divi Builder preview.

My photos are different shapes, can I make them match?

3
2
Yes. Lock every image to one ratio and choose whether they crop to fill the frame or sit whole inside it. It's the fastest way to make inconsistent photography look deliberate.

Can shoppers see the photos fullscreen?

3
2
Yes. The lightbox opens on click, and you choose the icon's color and size.

How do I add a product video?

3
2
Enable the Video & 3D Media extension, add your video under the product's Video & 3D Media tab, then turn on video slides in the module settings.

Why won't my video autoplay?

3
2
Browsers block autoplay with sound. Turn Muted on, since that's every modern browser's policy, not a module limitation.

What 3D formats are supported?

3
2
glTF and GLB, the standard formats for web 3D, enabled through the Video & 3D Media extension.

Can different variations show different photos?

3
2
Yes. Variations can carry their own gallery images, so picking a color can swap the whole set.

Does it work on mobile?

3
2
Yes. Layout, grid columns, thumbnail size, and every color and size setting can be set per device. Two tips: drop grid layouts to one column on phone, and avoid hover-only arrows, since touch screens have no hover.

Do I need any coding knowledge to set it up?

3
2
No. Every layout, zoom type and design setting is a Divi Builder control, no code required.

Is it compatible with WooCommerce and Divi?

3
2
Yes. It's a native Divi module made for WooCommerce product pages, added straight from the Divi Visual Builder.

Save Flat 50% Before Our Early-Bird Launch Pricing Ends

Save Up to 50% Before the Halloween Sale Ends

Get It Now

Save Up to 50% Before the Halloween Sale Ends

Get It Now