HappyDivi Gallery

HappyDivi Gallery is the only native Divi 5 gallery module with full WooCommerce product gallery support, a zero-dependency lightbox, and animated category filters, all built without jQuery or shortcodes and with live preview inside the Divi Visual Builder. Five content sources, one module Switch between five data sources from a single dropdown: WordPress Media Library (hand-pick or bulk-select, drag to reorder), Posts and Pages (featured images for blog grids and portfolios), WooCommerce Products, any registered Custom Post Type (properties, team members, events, recipes), and ACF Image or Gallery fields. No shortcode swap, no page refresh, no separate modules to learn. WooCommerce product galleries Set the content source to WooCommerce Products and you get per-card image carousels that cycle through every product variant photo without a page reload, auto-detected color swatches that sync with carousel images on click, AJAX add-to-cart buttons in two styles (full button or icon overlay), sale and out-of-stock badges, a real-time frontend sort dropdown (price, rating, name, date), a dual-handle price range slider, and server-side filters for sale status, stock status, product tags, minimum star rating, featured flag, price range, and category. WooCommerce mode works across all three layout engines: Grid, Masonry, and Justified. Add-to-cart is also available inside the lightbox, so visitors can buy without closing the image viewer. Three layout engines, built from scratch Each layout engine is written in vanilla ES2020 with no third-party library. Grid gives every image a uniform cell with selectable aspect ratios (Square, 4:3, 16:9, Portrait, Tall). Masonry places images Pinterest-style into columns by natural height, tallest first in the shortest column, with smooth re-layout animations on filter or paginate. Justified fills every row to the full container width while preserving natural image proportions, newspaper-style with flush edges. Full-featured lightbox, zero dependencies The lightbox is code-split and only downloaded the first time a visitor opens it. Features include keyboard navigation (arrow keys, ESC), a thumbnail filmstrip, pinch-to-zoom and scroll-zoom up to 4x, drag to pan when zoomed, touch swipe left/right, swipe-down to close, an EXIF metadata panel (camera, aperture, ISO, shutter speed), a WooCommerce panel with price and Add to Cart inside the lightbox, native Share API on mobile, clipboard copy on desktop, full-resolution image download, and next/previous image preloading so navigation feels instant. Category filters, pagination, and deep-linking Four filter styles: pill, button, tab, and dropdown. Three pagination modes: Load More button, Infinite Scroll (IntersectionObserver, no scroll event listeners), and numbered pages with smart truncation for galleries with 100+ pages. Every filtered view updates the URL with SEO-friendly parameters so filtered states are bookmarkable and shareable. Sticky filter options stay visible while scrolling. Filtering is instant, no page reload. Performance and accessibility Zero jQuery. PHP server-side renders the complete gallery HTML so images are visible on the first byte, before JavaScript loads. Each feature (lightbox, masonry engine, filter, carousel) is a separate dynamic import, loaded only when used on the current page. Pages without the module load zero extra JavaScript. WCAG-compliant throughout: semantic figure/figcaption/nav/button elements, role="dialog" with aria-modal on the lightbox, full focus trap for keyboard users, prefers-reduced-motion support on all animations. Three lazy-load placeholder modes: blur-up (default), skeleton shimmer, and none. Native Divi 5 Visual Builder integration The module appears in the Divi Builder panel alongside native modules, previews live as you change settings, and works with every Divi decoration panel: scroll effects, sticky, conditions, interactions, transforms, box shadows, and responsive breakpoints with per-breakpoint column and gap controls. Pricing From $25/year (unlimited sites) or from $49 lifetime (single site). 30-day no-questions-asked refund. Available on the Elegant Themes Marketplace