Skip to main content

Product Image Gallery Slider

Use the Divi 5 BC Gallery module on a single-product template. Divi 4 layouts use PP Gallery.

Add product media​

  1. Edit a WooCommerce product.
  2. Set its Product image and Product gallery images.
  3. Add video or 360 media using the BodyCommerce product fields when needed.
  4. Save the product and preview the real front end.

Open Divi Engine → Divi BodyCommerce → Product for store-wide gallery behavior. Configure lightbox, zoom, thumbnails, slider behavior, and what happens when a shopper chooses a variation.

For variation images, choose whether selection replaces the main image or jumps to the matching gallery thumbnail. Test a variable product with a separate image on each variation.

Lazy video and 360 activation​

Video and 360 items can display a still image first and activate only when tapped. This reduces initial work and prevents hidden media from loading before the shopper requests it. Choose a clear poster image and test touch, keyboard, and lightbox behavior.

Module-specific gallery layout and design controls remain in BC Gallery → Content/Design. See Performance and conditional loading.